Две связанные таксономии. Как отфильтровать термины во второй таксономии в зависимости от выбранного термина в первой таксономии на странице редактирования поста?

У меня на сайте есть две настраиваемые таксономии – Страны и Города.

Таксономия Страны содержит более 200 терминов, а таксономия Городов – более 47 000 терминов.

Естественно, редактирование контента с учетом такой большой таксономии является очень трудоемким процессом.

Поэтому возникла задача связать эти две таксономии и загружать список городов только для выбранной страны на экране редактирования (Добавить) записи.

Теперь термины таксономии Городов имеют мета-поле, связанное с Устраной.

У меня есть два метабокса (типа post_category_meta_box) на странице редактирования пользовательского типа записи (например, Событие).

Как я могу реализовать следующие функции:

• по умолчанию для нового контента не отображать список городов, а заменить его на (нулевое) значение – “Сначала выберите страну”
• при выборе страны (post_category_meta_box) – обновить метабокс Городов, указав только города выбранной страны

Похожая задача обсуждалась на wordpress.org, но я не знаю, как она была реализована. Редактирование записи – Фильтрация терминов в метабоксе 1 на основе выбранных терминов метабокса 2

Буду рад любой помощи. Примечание: контент может быть связан с разными странами и несколькими городами.

Вот что я сделал:

• добавил скрипт в окно редактора записи для выбора стран

`

/* Установка связанного процесса с таксономией стран */
            function cities_add_admin_scripts( $hook ) {
                global $post;
                if ( $hook == 'post-new.php' || $hook == 'post.php' ) {
                    if ( in_array($post->post_type, ['hotel','event','sight','webcamera'])) {
                        wp_add_inline_script(  "jquery",
            "(function($){ 
                function city_doing_ajax( countries ){
                    $.ajax({
                        url: ajaxurl,
                        method: 'post',
                        dataType: 'json',
                        data: {action: 'city_filter', countries: countries, nonce: '" . wp_create_nonce('myajax-nonce') . "'} 
                    }).done(function(data){
                        console.log(data);
                    });             
                }
                $(document).ready(function() {
                /* установить начальные значения */
                var countries = $('#countrychecklist input[type=\"checkbox\"]:checked').map(function(){ return $(this).val();}).get();
                console.log('идентификаторы стран:', countries);
                if(countries.length > 0){
                    city_doing_ajax(countries);
                }
                $('#countrychecklist input[type=\"checkbox\"]').change(function() {
                    countries = $('#countrychecklist input[type=\"checkbox\"]:checked').map(function(){ return $(this).val();}).get();
                    console.log('обновленные идентификаторы стран:', countries);
                    city_doing_ajax(countries);
                });
            })})(jQuery);" );
                    }
                }
            }

`

Я делаю это дважды. Сразу после загрузки формы, чтобы получить список уже отмеченных стран, и для каждого выбора (снятия выбора) в форме

Далее, я навешиваю обработчик на Ajax-запрос

`

add_action( 'wp_ajax_city_filter', array(
    $this, 'city_ajax_action_callback'
) );

`

и код функции обработки Ajax-запроса

`

function city_ajax_action_callback(){       
            $countries_ids = array_map( 'intval', $_POST['countries'] );
            if(!empty( $countries_ids ) ) {             
                $country_abbr = get_terms([
                    'taxonomy' => 'country',
                    'hide_empty' => false,
                    'fields' => 'all', /* slug not exists as parameter*/
                    'include' => $countries_ids
                ]);
                if( $country_abbr && ! is_wp_error( $country_abbr ) ){
                    $countr_codes = [];
foreach ($country_abbr as $term) $countr_codes[] = $term->slug;
                    **$this->country_codes** = $countr_codes;
                    add_action('parse_term_query', array($this, 'city_filter_term_query'));
                } else {
                    remove_action('parse_term_query', array($this, 'city_filter_term_query'));
                }
                wp_send_json_success();
            } else {
                /* remove_action('parse_term_query', array($this, 'city_filter_term_query')); */
                wp_send_json_error();
            }
        }

`

и последняя функция добавляет наш фильтр на этапе подготовки запроса к таблице терминов

`

function city_filter_term_query( $wp_term_query ){
                $taxonomy = $wp_term_query->query_vars['taxonomy'];
                if( is_admin() && $taxonomy == 'city' && (! empty($this->country_codes))){
                    $meta_query = [
                        'relation' => 'AND',
                    ];  
                    $meta_query[] = [
                        'key' => 'country_code',
                        'value' => **$this->country_codes**,
                        'compare' => 'IN',
                    ];
                    $wp_term_query->query_vars['meta_query'] = $meta_query; 
                    error_log( print_r(['city_filter_term_query' => $wp_term_query], true ) );              
                }
    }

`

Отмечу, что все это реализовано в классе CityTaxonomy, где имеется поле (выделенное жирным)
private $country_codes = [];

Мой подход будет следующим:

1. Скрыть метабокс редактирования городов, установив public в false.
2. Я бы переопределил, как метабокс для стран должен отображаться, используя параметр meta_box_cb. Вам нужно предоставить обратный вызов для функции, которая будет выполнять отображение.
3. В этой функции сначала отобразите поле для страны, а затем при выборе сделайте AJAX-запрос на ваш сервер, чтобы собрать список городов для указанной страны.