2
如何避免Select2输入中的重复标签?Select2 - 避免重复标签
当我键入键盘上的标签名字符串被添加到输入字段,但是当我从下拉列表中选择标签(来自数据库的结果)时,该id被添加到输入中(查看截图中的console.log)。所以我可以从列表中选择标签并从键盘添加相同的标签。
此外,我需要text
的标签,而不是id
从下拉列表中提交表单。
HTML:
<input type="hidden" id="categories" name="categories" style="width:100%" value="${categories}">
JS:
$("#categories").select2({
tags: true,
tokenSeparators: [","],
placeholder: "Dodaj",
multiple: false,
minimumInputLength: 3,
maximumInputLength: 50,
maximumSelectionSize: 20,
ajax: {
quietMillis: 150,
url: '${request.route_url("select2")}',
dataType: 'json',
data: function (term, page) {
return {
q: term,
page_limit: 10,
page: page,
};
},
results: function (data, page) {
var more = (page * 10) < data.total;
return {results: data.categories, more: more};
}
},
initSelection: function (element, callback) {
var data = [];
$(element.val().split(",")).each(function() {
data.push({id: this, text: this});
});
callback(data);
},
createSearchChoice: function (term) {
return { id: term, text: term };
},
}).change(function (e) {
if (e.added) {
console.log($("#categories").val())
console.log(e)
}
});
注意select2的3.3.0和3.3.1有一个与重复值有关的错误... – mccannf
谢谢。我正在使用最新的3.4.5。 – kros
我有同样的问题。我得到重复。我开始选择,但之后在ajax上称它忽略了现有的价值并添加重复。 – Yaron