在wordpress中通过ajax调用填充依赖选择框

// 注册AJAX回调函数
add_action('wp_ajax_load_options', 'load_options_callback');
add_action('wp_ajax_nopriv_load_options', 'load_options_callback');

function load_options_callback() {
    // 获取传递的参数
    $dependency = $_POST['dependency'];

    // 根据依赖条件查询选项数据
    $options = get_options_by_dependency($dependency);

    // 返回JSON格式的选项数据
    wp_send_json($options);
}

// 根据依赖条件查询选项数据的函数
function get_options_by_dependency($dependency) {
    // 根据依赖条件查询数据库或其他数据源获取选项数据
    // 这里仅作示例，可以根据实际需求进行修改
    $options = array();

    if ($dependency === 'A') {
        $options = array(
            'option1' => '选项1',
            'option2' => '选项2',
            'option3' => '选项3'
        );
    } elseif ($dependency === 'B') {
        $options = array(
            'option4' => '选项4',
            'option5' => '选项5',
            'option6' => '选项6'
        );
    }

    return $options;
}

jQuery(document).ready(function($) {
    // 监听依赖选择框的变化事件
    $('#dependency-select').change(function() {
        var dependency = $(this).val();

        // 发起AJAX请求
        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {
                action: 'load_options',
                dependency: dependency
            },
            success: function(response) {
                // 清空原有选项
                $('#options-select').empty();

                // 填充新选项
                $.each(response, function(key, value) {
                    $('#options-select').append($('<option>', {
                        value: key,
                        text: value
                    }));
                });
            }
        });
    });
});