使用ajax和select2设置数据属性
使用ajax和select2设置数据属性
提问于 2016-09-15 15:43:29
我正在尝试将数据属性设置到select2选项中，但没有成功，目前我有以下JS代码
_properties.$localElement.select2({
ajax: {
url: "url",
type: "POST",
dataType: 'json',
delay: 250,
data: function (params) {
return {
name: params.term, // search term
type: 1
};
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
return {
text: item.name,
source: item.source,
id: item.id
}
})
};
},
cache: true
},
//define min input length
minimumInputLength: 3,
});并且我想为所选的选项值设置一个数据源。
回答 3
Stack Overflow用户
发布于 2016-09-15 17:04:14
我找到了解决方案，看起来resultTemplate没有格式化“可视”选择的选项，需要使用templateSelection选项：
templateSelection: function(container) {
$(container.element).attr("data-source", container.source);
return container.text;
}Stack Overflow用户
发布于 2020-06-23 10:20:52
实际上，您可以使用您已经使用过的语法。"source-attribute“只需要通过特定select2-.data.source的data()选项来访问。
因此，保留您的processResults函数：
processResults: function (data) {
return {
results: $.map(data, function (item) {
return {
text: item.name,
source: item.source,
id: item.id
}
})
};
},如果你想检索所选选项的源代码，你可以这样做：
var selectedSelect2OptionSource = $("#idOfTheSelect2 :selected").data().data.source;实际上，您可以在processResults函数中设置任何变量，然后通过data().data.variableName选择它！
Stack Overflow用户
发布于 2020-08-31 00:38:03
我解决了这个问题。
$('select').on('select2:select', function (e) {
var data = e.params.data;
$("select option[value=" + data.id + "]").data('source', data.source);
$("select").trigger('change');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39515230
复制相关文章
相似问题
响应useEffect清理
获取数据后的reactjs useEffect清理功能
react useEffect未清理事件侦听器
如何清理useEffect函数？
useEffect清理/内存泄漏
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
