select2标签不适用于json url单选

Posted 2023-05-07

【中文标题】select2标签不适用于json url单选

【英文标题】：select2 tags not working with json url single select

【发布时间】：2015-12-18 16:56:52

【问题描述】：

我需要配置 select2 以便它允许“自定义条目”，即不在提供的列表中的用户条目。 select2 为此提供了似乎可以完美运行的标签选项，但由于某种原因，我无法让它适应我的情况。它将允许用户输入，但实际上不允许用户单击它。测试链接如下。 （在输入条目时它会破坏任何选择）。

http://www.tinkeringtester.com/s2test.html

HTML

    <div class="container">
        <label for="testitem" class="control-label">Items</label>
        <select name="testitem" id="testitem" class="form-control"><option></option></select>   
    </div>   

jQuery

$.fn.modal.Constructor.prototype.enforceFocus = function () ;

$('#testitem').select2(
    width: '100px',
    placeholder: 'Find Item',
    allowClear: true,
    SingleSelection: true,
    tags: true,
    ajax: 
        url: 's2test.php',
        dataType: 'json',
        //delay: 250,
        data: function (params) 
            $('#testitem').empty();
            var d = new Date();
            var n = d.getTime();
            return 
                q: params.term,
                n: n
            ;
        ,
        processResults: function (data) 
            return  results: data ;
        
    
); 

【参考方案1】：

我终于弄清楚是什么原因造成的。通过删除以下代码行，它现在可以正常运行。 （添加这行代码是因为每次查找只会添加到已经存在的内容。但是，当我删除该行时，内容不会重复，我现在可以选择自定义上瘾。）

$('#testitem').empty();

【参考方案2】：

正如最后一个答案所示，这解决了问题..

$(".LocalitySelectMul").empty();
$(".LocalitySelectMul").select2(
    placeholder: "Select Localities",
    data: locadata,
);