Cum să filtrezi un al doilea dropdown list în funcție de valoarea selectată în primul

Vei dori să folosești Ajax pentru a realiza acest lucru, astfel încât al doilea meniu derulant să se încarce după ce primul a fost selectat. Nu sunt sigur despre câteva lucruri pe care le ai acolo, așa că voi scrie codul pentru tine - poate fi necesar să modifici ceva aici sau acolo, voi încerca să îl completez cât mai bine posibil. Primul lucru de făcut este să configurezi o acțiune Ajax. Aceasta ar trebui să fie configurată într-un plugin, ideal. Funcția is_admin() este folosită deoarece atunci când cererea Ajax este trimisă de la pagina cu meniul tău derulant, aceasta va rula sub administrare. Dacă simți că lucrăm invers, este doar o chestiune de ou și găină. Ce a venit mai întâi, cererea sau handler-ul... handler-ul, desigur, motiv pentru care încep de aici.

<?php
if ( is_admin() ) {
    // Adăugăm 2 acțiuni, prima pentru utilizatorii autentificați, a doua pentru vizitatori.
    add_action( 'wp_ajax_dynamic_dropdown', 'dynamic_dropdown_func' );
    add_action( 'wp_ajax_nopriv_dynamic_dropdown', 'dynamic_dropdown_func' );
}

// Aceasta este funcția care va gestiona Cererea/Răspunsul Ajax
function dynamic_dropdown_func () {
    global $wpdb;
    if (isset($_POST['value'])) {
        $selected_option = $_POST['value'];
        // Acesta va fi al doilea meniu derulant, acesta va fi returnat într-o cerere Ajax
        $args = array(
            'show_option_none' => __( 'Alege altul' ),
            'class' => 'dropper',
            'id' => 'dropper0',
            'orderby' => 'ID',
            'order' => 'ASC',
            'hide_empty' => 0,
            'hierarchical' => 1,
            'depth' => 1,
            // Aceasta este ceea ce ne va obține copiii primei opțiuni selectate
            'child_of' => (int)$selected_option,
            'echo' => 0,
            // Asigură-te că înlocuiești această constantă cu taxa ta personalizată
            'taxonomy' => MY_CUSTOM_TAX,
        );

        $my_second_dropdown = wp_dropdown_categories( $args );
        // Dacă dorești să faci vreun preg_replace sau str_replace, fă-o aici înainte de ob_clean() de mai jos         
    }
    // ob_clean este pentru a preveni erori, echiouri sau orice altceva care a fost afișat până în acest punct în instanța Ajax WP care ar putea strica returnarea ta.
    ob_clean();
    return $my_second_dropdown;
    wp_die();
}

OK, acum vom face partea de front-end a codului. Aceasta este partea pe care o va vedea utilizatorul. Când vor declanșa Cererea Ajax, la răspuns, al doilea meniu derulant ar trebui să se încarce. În mod normal, ai localiza un fișier JavaScript cu variabila pentru ajax_url și orice alte valori PHP de care avem nevoie în JS pentru a trimite cereri Ajax către WP. Vom trișa puțin și vom afișa scriptul direct pe pagină și vom obține același rezultat. Doar asigură-te că afișezi acest script la sfârșitul body-ului, ideal, altfel va trebui să adaugi o funcție document ready, nu ar strica oricum.

function my_frontend_javascript () {
    $ajax_url = admin_url( 'admin-ajax.php' );
    $javascript = "
        <script>
            var ajaxUrl = {$ajax_url},
            // Acum să luăm meniurile noastre derulante
                dropdownArome   = jQuery('#arome0'),
                dropdownDropper = jQuery('#dropper0');

            if (dropdownArome.length && dropdownDropper.length) {
                // Bun, elementele noastre există
                dropdownArome.on('change', function (e) {
                    var value = e.target.selectedOptions[0].value,
                        success,
                        data;
                    if (!!value) {
                        // În regulă, să trimitem acea valoare către scriptul nostru Ajax, observă că acțiunea este aceeași cu hook-ul de acțiune Ajax pe care l-am folosit mai devreme
                        data = {
                            'my_value' : value,
                            'action'   : 'dynamic_dropdown'
                        };
                        success = function ( response ) {
                            // Acest răspuns va conține <option>-urile noastre
                            dropdownDropper.html( response );
                        };
                        jQuery.post( ajaxUrl, data, success );
                    }
                });
            }
        </script>";
    return $javascript;
}

/** Aici construim site-ul/formularul/meniurile derulante */

$args = array(
    'show_option_none' => __( 'Alege unul' ),
    'class' => 'arome',
    'id' => 'arome0"',
    'orderby' => 'ID',
    'order' => 'ASC',
    'hide_empty' => 0,
    'hierarchical' => 1,
    'depth' => 1,
    'echo' => 0,
    // Asigură-te că înlocuiești această constantă
    'taxonomy' => MY_CUSTOM_TAX,
);

$my_first_dropdown = wp_dropdown_categories( $args );

// În regulă, acum afișăm cele 2 meniuri derulante, apoi JavaScript-ul din funcția pe care am scris-o mai sus
echo $my_first_dropdown;
echo '<br /><div id="dropper0-container"></div><br />';
echo my_frontend_javascript();

/** Asta ar trebui să fie tot! Cum am spus, va trebui să ajustezi unele opțiuni pentru a se potrivi site-ului tău și implementării tale. */

Deci, așa ai putea face ceea ce încerci să realizezi, într-unul dintre cele mai simple moduri posibile. Spun simplu pentru că nu am făcut nicio validare, nonce, am presupus practic că totul a mers bine. Aș sugera să citești mai multe despre Ajax în WP, chiar dacă știi deja câteva lucruri, nu strică niciodată să știi mai mult. Sper că acest cod îți va funcționa bine cu unele ajustări.

http://codex.wordpress.org/AJAX_in_Plugins

http://www.smashingmagazine.com/2011/10/18/how-to-use-ajax-in-wordpress/