Bootstrap Select2 在输入任何单词之前不会在粘贴时触发选择事件

debugcn 发表于 Dev

安德鲁

我在我的网站（Yii 2.x）上使用 bootstrap select2 v4.* 并遇到了一个问题：在select2:select我输入任何文本之前，该事件不会在使用 ctrl+v 粘贴文本时触发。打字后 - 它工作正常。我在做什么错？JS：

function formatResult(data) {
    var content = '<span>' + data.id + '\t' + data.text + '</span>';
    return $(content);
};

function formatSelection(data) {
    var content = '<span>' + data.id + '</span>';
    return $(content);
}

$('#wiz-asin-search').select2({        
    tags: true,
    minimumInputLength: 3,
    placeholder: 'specify asin..',
    ajax: {
        url: '/keyword-tracker/get-mwslisting-asins',
        method: 'GET',
        dataType: 'json',
        data: function (params) {
            return {
                searchAsin: params.term
            }
        },
        results: function (data) {
            return { results: data.results };
        }
    },
    templateResult: formatResult,
    templateSelection: formatSelection,
    escapeMarkup: function(m) { return m; }
}).on('select2:select', function(){
    var asin = $(this).val();
    console.log('asinSearch.change fired: ' + asin);

    validationHighLight(false);
    validateAsin(asin);
});

安德鲁

解决办法是：select2用一些数据初始化。

$('#wiz-asin-search').select2({
    // allowClear: true,
    tags: true,
    minimumInputLength: 3,
    data: [
        {
            id: ' ',
            text: 'testAsin'
        }  
    ],
...

它会正常工作。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。