AJAXselect2inWordPress

1. 首先，在你的WordPress主题或插件中添加以下代码以加载select2和jQuery：

function load_select2_scripts() { wp_enqueue_style( 'select2', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/css/select2.min.css' ); wp_enqueue_script( 'select2', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/js/select2.min.js', array( 'jquery' ), '4.0.12', true ); } add_action( 'wp_enqueue_scripts', 'load_select2_scripts' );

2. 创建一个可以允许用户输入值并自动完成的select2输入框。以下代码是一个简单的select2输入框示例：

<select class="example-select2" name="example-select2" style="width: 100%;"> <option value="" selected disabled>请选择</option> <option value="1">选项 1</option> <option value="2">选项 2</option> <option value="3">选项 3</option> </select>

$(".example-select2").select2();

3. 可以通过AJAX动态加载选项以替换固定选项列表。首先，在你的主题/插件中创建一个ajax处理程序：

function load_select2_options() { // 根据需要从数据库或任何其他数据源获取选项列表 $options = array( array( 'id' => '4', 'text' => '选项 4', ), array( 'id' => '5', 'text' => '选项 5', ), array( 'id' => '6', 'text' => '选项 6', ), );

wp_send_json( $options ); } add_action( 'wp_ajax_load_select2_options', 'load_select2_options' ); add_action( 'wp_ajax_nopriv_load_select2_options', 'load_select2_options' );

4. 第三步完成后，在你的前端JS代码中