【问题标题】:select2 tags not working with json url single selectselect2标签不适用于json url单选
【发布时间】: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 };
        }
    }
}); 

【问题讨论】:

    标签: jquery twitter-bootstrap-3 jquery-select2 jquery-select2-4


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-03-23
        • 2014-12-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多