Question

我需要配置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 };
        }
    }
});

Answer 1

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

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

Answer 2

如上一个答案所示，这解决了这个问题..

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

select2标签不能与json url单选

2 个答案: