jquery - 选择2 : How to persist search term?

Question

我希望当我单击菜单之外的位置时，我的 select2 元素不会清除搜索的术语。我已经搜索了很多这个功能，似乎有一天是可能的，但是它no longer works在4.0版本中？我也尝试过实现 this answer但似乎没有效果。

目前我的代码如下:

$(document).ready(function () {
    function displayCurrentValue(selectedObject, currentSearchTerm) {
        return currentSearchTerm;
    }
    $("#reference").select2({
        nextSearchTerm: displayCurrentValue
    });
    $("#reference").select2({
        width: "100%",
        language: "pt-BR",
        ajax: {
            //omitted
        }
    });
});

无论我尝试什么，当前的行为是:

1. 开始输入搜索内容
2. 点击下拉菜单外部
3. 再次点击可打开下拉菜单
4. 之前的搜索已消失

期望的行为是:

保留先前的搜索。

Answer 1

对我有用的解决方法:

保留最后一个字符串查询

$(document).on('select2:closing','.select2-hidden-accessible',function(){
    $(this).data('kmselect2LastSearch',$('.select2-search__field').val());
});

根据最后一个字符串查询获取并选择最后一个项目

$(document).on('select2:open','.select2-hidden-accessible',function(){
    if (typeof $(this).data('kmselect2LastSearch')=='undefined') {
        return;
    }
    var prevValue = $(this).data('kmselect2LastSearch');
    if ( prevValue != '' ) {
        $('.select2-search__field').val(prevValue).trigger('keydown').trigger('input');
    }
});