【发布时间】: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