Filtrare un secondo menu a discesa quando viene selezionato un valore nel primo

Dovrai utilizzare Ajax per ottenere che il secondo menu a discesa si carichi dopo che il primo è stato selezionato. Non sono sicuro di un paio di cose che hai lì, quindi mi limiterò a scriverti il codice, potresti dover modificare qualcosa qui o là, cercherò di completarlo nel modo più accurato possibile. La prima cosa da fare è impostare un'azione Ajax. Idealmente, questo dovrebbe essere configurato all'interno di un plugin. La funzione is_admin() viene utilizzata perché quando la richiesta Ajax viene inviata dalla pagina con il tuo menu a discesa, verrà eseguita nell'area di amministrazione. Se ti sembra che stiamo lavorando al contrario, è solo una questione di causa-effetto. Cosa viene prima, la richiesta o il gestore... il gestore ovviamente, ed è per questo che inizio da qui.

<?php
if ( is_admin() ) {
    // Aggiungiamo 2 azioni, la prima per gli utenti loggati, la seconda per gli ospiti.
    add_action( 'wp_ajax_dynamic_dropdown', 'dynamic_dropdown_func' );
    add_action( 'wp_ajax_nopriv_dynamic_dropdown', 'dynamic_dropdown_func' );
}

// Questa è la funzione che gestirà la tua richiesta/risposta Ajax
function dynamic_dropdown_func () {
    global $wpdb;
    if (isset($_POST['value'])) {
        $selected_option = $_POST['value'];
        // Questo sarà il tuo secondo menu a discesa, verrà restituito in una richiesta Ajax
        $args = array(
            'show_option_none' => __( 'Scegline un altro' ),
            'class' => 'dropper',
            'id' => 'dropper0',
            'orderby' => 'ID',
            'order' => 'ASC',
            'hide_empty' => 0,
            'hierarchical' => 1,
            'depth' => 1,
            // Questo è ciò che ci darà i figli dell'opzione selezionata inizialmente
            'child_of' => (int)$selected_option,
            'echo' => 0,
            // Assicurati di sostituire questa costante con la tua tassonomia
            'taxonomy' => MY_CUSTOM_TAX,
        );

        $my_second_dropdown = wp_dropdown_categories( $args );
        // Se vuoi fare preg_replace o str_replace, fallo qui prima di eseguire ob_clean() sotto         
    }
    // ob_clean serve per prevenire errori, echo o qualsiasi cosa che sia stata outputtata fino a questo punto nell'istanza Ajax di WP che potrebbe rovinare il tuo return.
    ob_clean();
    return $my_second_dropdown;
    wp_die();
}

Ok, ora passiamo alla parte front-end del codice. Questa è la parte che vedrà l'utente. Quando attiverà la richiesta Ajax, al ricevimento della risposta il secondo menu a discesa dovrebbe caricarsi. Normalmente, dovresti localizzare un file JavaScript con la variabile per ajax_url e qualsiasi altro valore PHP che dobbiamo usare nel nostro JS per inviare richieste Ajax a WP. Faremo un piccolo trucco e stamperemo direttamente il nostro script nella pagina, ottenendo lo stesso risultato. Assicurati solo di stampare questo script alla fine del body, idealmente, altrimenti dovrai aggiungere una funzione document ready, comunque non farebbe male.

function my_frontend_javascript () {
    $ajax_url = admin_url( 'admin-ajax.php' );
    $javascript = "
        <script>
            var ajaxUrl = {$ajax_url},
            // Ora prendiamo i nostri menu a discesa
                dropdownArome   = jQuery('#arome0'),
                dropdownDropper = jQuery('#dropper0');

            if (dropdownArome.length && dropdownDropper.length) {
                // Bene, i nostri elementi esistono
                dropdownArome.on('change', function (e) {
                    var value = e.target.selectedOptions[0].value,
                        success,
                        data;
                    if (!!value) {
                        // Bene, inviamo quel valore al nostro script Ajax, nota che l'azione è la stessa dell'hook Ajax usato prima
                        data = {
                            'my_value' : value,
                            'action'   : 'dynamic_dropdown'
                        };
                        success = function ( response ) {
                            // Questa risposta conterrà i nostri <option>
                            dropdownDropper.html( response );
                        };
                        jQuery.post( ajaxUrl, data, success );
                    }
                });
            }
        </script>";
    return $javascript;
}

/** Qui è dove costruiamo il nostro sito/form/menu a discesa */

$args = array(
    'show_option_none' => __( 'Scegline uno' ),
    'class' => 'arome',
    'id' => 'arome0"',
    'orderby' => 'ID',
    'order' => 'ASC',
    'hide_empty' => 0,
    'hierarchical' => 1,
    'depth' => 1,
    'echo' => 0,
    // Assicurati di sostituire questa costante
    'taxonomy' => MY_CUSTOM_TAX,
);

$my_first_dropdown = wp_dropdown_categories( $args );

// Bene, ora stampiamo i 2 menu a discesa, poi lo JavaScript dalla funzione scritta sopra
echo $my_first_dropdown;
echo '<br /><div id="dropper0-container"></div><br />';
echo my_frontend_javascript();

/** Questo dovrebbe essere tutto! Come ho detto, dovrai modificare alcune opzioni per adattarle al tuo sito e alla tua implementazione. */

Quindi, questo è il modo in cui potresti fare ciò che stai cercando di fare, in quello che immagino sia uno dei modi più semplici. Dico più semplice perché in realtà non abbiamo fatto alcuna validazione, nonce, abbiamo praticamente presupposto che tutto sia andato bene. Suggerirei di approfondire l'uso di Ajax in WP, anche se ne sai già qualcosa, non fa mai male saperne di più. Spero che questo codice funzioni bene per te con qualche modifica.

http://codex.wordpress.org/AJAX_in_Plugins

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