gpt4 book ai didi

javascript - Select2 输入框中的 Select2 预加载标签

转载 作者:搜寻专家 更新时间:2023-11-01 05:23:30 24 4
gpt4 key购买 nike

我有一个 Select2 输入,效果很好。用户可以开始输入并从下拉菜单中选择一个选项,它会在输入字段中添加一个标签,他们还可以通过 createSearchChoice 函数创建自己的标签。

我的场景是,当用户输入一个已经存在的客户名称时,它会锁定,我希望它用标签(通常是 vendor )填充该字段。然后,用户可以根据需要删除或添加更多标签。

我的代码是:

$('#usualSuppliers').select2({
containerCssClass: 'supplierTags',
placeholder: "Usual suppliers...",
minimumInputLength: 2,
multiple: true,
placeholder: 'Usual suppliers...',
createSearchChoice: function(term, data) {
if ($(data).filter(function() {
return this.name.localeCompare(term) === 0;
}).length === 0) {
return {id: 0, name: term};
}

},
id: function(e) {
return e.id + ":" + e.name;
},
ajax: {
url: ROOT + 'Ajax',
dataType: 'json',
type: 'POST',
data: function(term, page) {

return {
call: 'Record->supplierHelper',
q: term
};
},
results: function(data, page) {
return {
results: data.suppliers
};
}
},
formatResult: formatResult,
formatSelection: formatSelection,
initSelection: function(element, callback) {
var data = [];
$(element.val().split(",")).each(function(i) {
var item = this.split(':');
data.push({
id: item[0],
title: item[1]
});
});
//$(element).val('');
callback(data);
}
});

如何让它使用来自 Ajax 请求的标签预填充输入?

最佳答案

由于这篇文章,我设法解决了这个问题:

Load values in select2 multiselect

通过使用触发器。

关于javascript - Select2 输入框中的 Select2 预加载标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20145134/

24 4 0