WordPress升级后Select2搜索框默认不显示文章列表问题求助

嘿，我之前也碰到过几乎一模一样的问题——WordPress升级后，后台的Select2搜索框突然不默认加载最新文章了，非得敲个键才出来结果。折腾了好一阵才搞定，给你分享几个可行的方案：

先说说你现有代码的问题 #

你当前的思路是对的，但触发时机和事件类型没选对：Select2在刚展开下拉时，搜索框的DOM可能还没完全就绪，直接触发keyup.search大概率没效果；而且新版本的Select2对搜索事件的监听已经偏向input而非keyup了。

方案1：从初始化配置入手（最稳妥） #

如果你的Select2是通过自定义脚本初始化的，直接在配置里允许空输入触发搜索，然后在下拉展开时主动触发一次空搜索：

$(document).ready(function() {
    // 替换成你实际的select选择器，比如.post-search-select
    $('.your-select-element').select2({
        minimumInputLength: 0, // 关键：允许空输入触发搜索请求
        ajax: {
            url: ajaxurl, // WordPress内置的AJAX地址
            dataType: 'json',
            data: function(params) {
                return {
                    q: params.term || '', // 空字符串时请求最新文章
                    action: 'your_post_search_action' // 替换成你后台的AJAX动作名
                };
            },
            processResults: function(data) {
                return {
                    results: data
                };
            }
        }
    }).on('select2:open', function() {
        // 下拉展开时，主动给搜索框设空并触发输入事件
        const searchField = $('.select2-search__field');
        searchField.val('').trigger('input');
    });
});

方案2：修复你现有的触发逻辑 #

要是不想改动初始化代码，那调整下事件触发的时机和方式，给DOM渲染留一点时间：

$(document).ready(function () {
    $(document).on('focus', '.select2-selection--single', function (e) {
        const $select = $(this).closest('.select2').siblings('select');
        // 先确保下拉已经打开
        if (!$select.data('select2').isOpen()) {
            $select.select2('open');
        }
        // 加个小延迟，等搜索框完全渲染好再触发事件
        setTimeout(() => {
            const searchField = $('.select2-search__field');
            searchField.val('').trigger('input');
        }, 100);
    });
});

为啥升级后会出这问题？ #

大概率是WordPress升级时更新了内置的Select2版本，或者调整了后台脚本的加载顺序：

• 新版本Select2默认可能把minimumInputLength设成了1，空输入不会触发搜索
• 事件监听从keyup改成了input，原来的触发方式失效
• 还有可能是升级后某个插件和Select2产生了脚本冲突

内容的提问来源于stack exchange，提问作者Catlin