三级分类下拉前端

时间：2013-04-30 作者：Paulius Jakštas

我的函数中有一个代码。php显示三级分类下拉列表：

            $brand_taxonomy = \'county\';
            $taxonomy_name = \'Vietovės pasirinkimas\';

            add_action(\'add_meta_boxes\', \'my_custom_metabox\');
            function my_custom_metabox() {
            add_meta_box(\'custom-taxonomy-dropdown\',\'Vietovės pasirinkimas\',\'taxonomy_dropdowns_box\',\'post\',\'side\',\'high\');
            }

            function taxonomy_dropdowns_box( $post ) {
            global $brand_taxonomy, $taxonomy_name;
            wp_nonce_field(\'custom-dropdown\', \'dropdown-nonce\');
            $terms = get_terms( $brand_taxonomy, \'hide_empty=0\');
            if ( is_a( $terms, \'WP_Error\' ) ) {
                $terms = array();
            }

            $object_terms = wp_get_object_terms( $post->ID, $brand_taxonomy, array(\'fields\'=>\'ids\'));
            if ( is_a( $object_terms, \'WP_Error\' ) ) {
                $object_terms = array();
            }

            // you can move the below java script to admin_head
            ?>
            <script type="text/javascript">
                jQuery(document).ready(function() {
                        jQuery(\'#custom_apskritis_options\').change(function() {
                            var custom_apskritis = jQuery(\'#custom_apskritis_options\').val();
                            if ( custom_apskritis == \'0\') {
                                jQuery(\'#custom_savivaldybe_options\').html(\'\');
                                jQuery(\'#savivaldybe_container\').css(\'display\', \'none\');
                                jQuery(\'#miestas_container\').css(\'display\', \'none\');
                            } else {
                                jQuery(\'#ctd-custom-taxonomy-terms-loading\').css(\'display\', \'inline\');
                                jQuery(\'#savivaldybe_container\').css(\'display\', \'none\');
                                var data = {
                                    \'action\':\'get_apskrities_savivaldybes\',
                                    \'custom_apskritis\':custom_apskritis,
                                    \'dropdown-nonce\': jQuery(\'#dropdown-nonce\').val()
                                };
                                jQuery.post(ajaxurl, data, function(response){
                                    jQuery(\'#custom_savivaldybe_options\').html(response);
                                    jQuery(\'#ctd-custom-taxonomy-terms-loading\').css(\'display\', \'none\');
                                    jQuery(\'#savivaldybe_container\').css(\'display\', \'inline\');
                                });
                            }
                        });
                        jQuery(\'#custom_savivaldybe_options\').change(function() {
                            var custom_savivaldybes = jQuery(\'#custom_savivaldybe_options\').val();
                            if ( custom_savivaldybes == \'0\') {
                                jQuery(\'#custom_miestas_options\').html(\'\');
                                jQuery(\'#miestas_container\').css(\'display\', \'none\');
                            } else {
                                jQuery(\'#ctd-custom-taxonomy-terms-loading2\').css(\'display\', \'inline\');
                                jQuery(\'#miestas_container\').css(\'display\', \'none\');
                                var data = {
                                    \'action\':\'get_savivaldybes_miestai\',
                                    \'custom_savivaldybes\':custom_savivaldybes,
                                    \'dropdown-nonce\': jQuery(\'#dropdown-nonce\').val()
                                };
                                jQuery.post(ajaxurl, data, function(response){
                                    jQuery(\'#custom_miestas_options\').html(response);
                                    jQuery(\'#ctd-custom-taxonomy-terms-loading2\').css(\'display\', \'none\');
                                    jQuery(\'#miestas_container\').css(\'display\', \'inline\');
                                });
                            }
                        });
                });
            </script>
            <?php
            echo "Apskritis:";
            echo "<select id=\'custom_apskritis_options\' name=\'custom_apskritis[]\'>";
            echo "<option value=\'0\'>Nepasirinkta</option>";
            foreach ( $terms as $term ) {
                if ( $term->parent == 0) {
                    if ( in_array($term->term_id, $object_terms) ) {
                        $parent_id = $term->term_id;
                        echo "<option value=\'{$term->term_id}\' selected=\'selected\'>{$term->name}</option>";
                    } else {
                        echo "<option value=\'{$term->term_id}\'>{$term->name}</option>";
                    }
                }
            }
            echo "</select><br />";
            echo "<div id=\'ctd-custom-taxonomy-terms-loading\' style=\'display:none;\'>Atrenkamos...</div>";
            echo "<div id=\'savivaldybe_container\'";
            if ( !isset( $parent_id)) echo " style=\'display: none;\'";
            echo ">";
            echo "Savivaldybė:";
            echo "<select id=\'custom_savivaldybe_options\' name=\'custom_apskritis[]\'>";
            if ( isset( $parent_id)) {
                $savivaldybes = get_terms( $brand_taxonomy, \'hide_empty=0&parent=\'.$parent_id);
                foreach ( $savivaldybes as $savivaldybe ) {
                     if ( in_array($savivaldybe->term_id, $object_terms) ) {
                        $parent_id_savivaldybe = $savivaldybe->term_id;
                        echo "<option value=\'{$savivaldybe->term_id}\' selected=\'selected\'>{$savivaldybe->name}</option>";
                    } else {
                        echo "<option value=\'{$savivaldybe->term_id}\'>{$savivaldybe->name}</option>";
                    }
                }
            }
            echo "</select><br />";
            echo "</div>";

            echo "<div id=\'ctd-custom-taxonomy-terms-loading2\' style=\'display:none;\'>Atrenkami...</div>";
            echo "<div id=\'miestas_container\'";
            if ( !isset( $parent_id_savivaldybe)) echo " style=\'display: none;\'";
            echo ">";
            echo "Miestas:";
            echo "<select id=\'custom_miestas_options\' name=\'custom_apskritis[]\'>";
            if ( isset( $parent_id_savivaldybe)) {
                $miestas = get_terms( $brand_taxonomy, \'hide_empty=0&parent=\'.$parent_id_savivaldybe);
                foreach ( $miestas as $miesta ) {
                     if ( in_array($miesta->term_id, $object_terms) ) {
                        echo "<option value=\'{$miesta->term_id}\' selected=\'selected\'>{$miesta->name}</option>";
                    } else {
                        echo "<option value=\'{$miesta->term_id}\'>{$miesta->name}</option>";
                    }
                }
            }
            echo "</select>";
            echo "</div>";  
            }

            add_action(\'save_post\',\'save_my_custom_taxonomy\');
            function save_my_custom_taxonomy( $post_id ) {
            global $brand_taxonomy, $taxonomy_name;
            if ( defined(\'DOING_AUTOSAVE\') && DOING_AUTOSAVE )
                return;

            if ( !wp_verify_nonce($_POST[\'dropdown-nonce\'],\'custom-dropdown\'))
                return;

            $brands = array_map(\'intval\', $_POST[\'custom_apskritis\']);
            wp_set_object_terms($post_id, $brands, $brand_taxonomy);
            }

            add_action(\'wp_ajax_get_apskrities_savivaldybes\', \'get_apskrities_savivaldybes\');
            function get_apskrities_savivaldybes() {
            global $brand_taxonomy, $taxonomy_name;
            check_ajax_referer(\'custom-dropdown\', \'dropdown-nonce\');
            if (isset($_POST[\'custom_apskritis\'])) {
                $models = get_terms( $brand_taxonomy, \'hide_empty=0&parent=\'.$_POST[\'custom_apskritis\']);
                echo "<option value=\'0\'>Pasirinkti vieną</option>";
                foreach ($models as $model) {
                    echo "<option value=\'{$model->term_id}\'>{$model->name}</option>";
                }
            }
            die();
            }

            add_action(\'wp_ajax_get_savivaldybes_miestai\', \'get_savivaldybes_miestai\');
            function get_savivaldybes_miestai() {
            global $brand_taxonomy, $taxonomy_name;
            check_ajax_referer(\'custom-dropdown\', \'dropdown-nonce\');
            if (isset($_POST[\'custom_savivaldybes\'])) {
                $miestai = get_terms( $brand_taxonomy, \'hide_empty=0&parent=\'.$_POST[\'custom_savivaldybes\']);
                echo "<option value=\'0\'>Pasirinkti vieną</option>";
                foreach ($miestai as $miesta) {
                    echo "<option value=\'{$miesta->term_id}\'>{$miesta->name}</option>";
                }
            }
            die();
            }
如何使此代码在前端工作（在searchform中）。提前感谢！

1 个回复
SO网友:Paulius Jakštas

在花了几个小时使用google之后，我设法用ajax创建了三级层次分类法下拉列表。这是我的代码：

searchform.php

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
    <script type="text/javascript">
        $(function(){
            $(\'#apskritis\').change(function(){
                var $apskritisSlug=$(\'#apskritis\').val();
                // call ajax
                 $("#savivaldybe").empty();
                 $("#miestas_kaimas").empty();
                    $.ajax({
                        url:"/wp-admin/admin-ajax.php",
                        type:\'POST\',
                        data:\'action=get_savivaldybes&apskritis_slug=\' + $apskritisSlug,
                        success:function(results) {
                          //alert(results);
                            $("#savivaldybe").removeAttr("disabled");
                            $("#savivaldybe").append(results);
                        }
                    });
                }
            );
            $(\'#savivaldybe\').change(function(){
                var $savivaldybeSlug=$(\'#savivaldybe\').val();
                // call ajax
                $("#miestas_kaimas").empty();
                    $.ajax({
                        url:"/wp-admin/admin-ajax.php",
                        type:\'POST\',
                        data:\'action=get_miestai&savivaldybes_slug=\' + $savivaldybeSlug,
                        success:function(results) {
                          //alert(results);
                            $("#miestas_kaimas").removeAttr("disabled");
                            $("#miestas_kaimas").append(results);
                        }
                    });
                }
            );      
        });
    </script>       

    <?php
        function get_terms_dropdown_county($taxonomies, $args){

            $taxonomies = array(\'county\'); // CHANGE ME
            $args = array(
                    \'order\'=>\'ASC\',
                    \'hide_empty\'=>false,
                    \'parent\'=> 0
                    );

            $myterms = get_terms($taxonomies, $args);
            $optionname = "county";
            echo "<div class=\'input_wrap div_".$optionname."\'>";
            echo "<select id=\'apskritis\' class=\'select_".$optionname."\' name=\'".$optionname."\'>\'";
            echo "<option value=\'0\'>Nepasirinkta</option>";

            foreach($myterms as $term){
                if ( $term->parent == 0) {
                    echo "<option value=\'{$term->slug}\'>{$term->name}</option>";
                } 
            }
            echo "</select>";
            echo "</div>";
            echo "<div class=\'input_wrap div_".$optionname."\'>";
            echo \'<select id="savivaldybe" name="county" disabled="disabled"></select>\';
            echo \'<select id="miestas_kaimas" name="county" disabled="disabled"></select>\';
        }

        echo get_terms_dropdown_county($taxonomies, $args);
    ?>
functions.php 代码：

            function savivaldybes_implement_ajax() {
                if(isset($_POST[\'apskritis_slug\'])) {

                    $parent_slug = $_POST[\'apskritis_slug\'];
                    $get_parent_id = get_term_by(\'slug\', $parent_slug, \'county\');
                    $parent_id = $get_parent_id->term_id;

                    $savivaldybes = get_terms( \'county\', \'hide_empty=0&parent=\'.$parent_id);
                        foreach ($savivaldybes as $sav) {
                            $option .= \'<option value="\'.$sav->slug.\'">\';
                            $option .= $sav->name;
                            $option .= \'</option>\';
                        }
                    echo \'<option value="0" selected="selected">Nenurodyta</option>\'.$option;
                    die();
                } // end if
            }
            add_action(\'wp_ajax_get_savivaldybes\', \'savivaldybes_implement_ajax\');
            add_action(\'wp_ajax_nopriv_get_savivaldybes\', \'savivaldybes_implement_ajax\');//for users that are not logged in.

            function miestas_kaimas_implement_ajax() {
                if(isset($_POST[\'savivaldybes_slug\'])) {

                    $sav_parent_slug = $_POST[\'savivaldybes_slug\'];
                    $sav_get_parent_id = get_term_by(\'slug\', $sav_parent_slug, \'county\');
                    $sav_parent_id = $sav_get_parent_id->term_id;

                    $miestas_kaimas = get_terms( \'county\', \'hide_empty=0&parent=\'.$sav_parent_id);
                        foreach ($miestas_kaimas as $kaimas) {
                            $option .= \'<option value="\'.$kaimas->slug.\'">\';
                            $option .= $kaimas->name;
                            $option .= \'</option>\';
                        }
                    echo \'<option value="0" selected="selected">Nenurodyta</option>\'.$option;
                    die();
                } // end if
            }
            add_action(\'wp_ajax_get_miestai\', \'miestas_kaimas_implement_ajax\');
            add_action(\'wp_ajax_nopriv_get_miestai\', \'miestas_kaimas_implement_ajax\');//for users that are not logged in.
我不知道这个代码是否正确，但它对我起作用：）

结束
标签： ajax   front-end   dropdown   小码农  

相关推荐

带有TAX_QUERY子句的WP_DROPDOWN_PAGES

我正在wordpress中显示自定义帖子类型的下拉列表。第一段代码使用WP\\u查询$houseQuery = new WP_Query( array( \'post_type\' => \'house\', \'order\' => \'ASC\', \'post_status\' => \'publish\', \'orderby\' => \'title