如何解决如何在select2中动态函数使用ajax jquery
所以我使用这段代码让所有包含 $(".select2") 元素的内容都将根据通过 html 发送的其余数据处理 ajax
$(".select2").each(function () {
let element = $(this);
element.select2({
theme: "bootstrap",placeholder: element.data("placeholder"),ajax: {
url: element.data("url"),dataType: 'json',delay: 100,cache: true,data: function (params) { return { q: params.term } },processResults: function (data) {
return {
results: $.map(data.results,function (item) {
return {
text: item.bank_name,/***** this *******/
id: item.id /***** this *******/
}
})
};
}
},});
})
我在 jquery 中添加了 element.data ("placeholder") 和 element.data ("url"),同时如何用这个 html 代码发送它
<select id="bank_id" name="bank_id"
class="fetch_bank form-control select2"
data-placeholder="Choose Bank"
data-url="/api/bank/fetch">
</select>
发送ajax会返回如下结果
{
code: 200
error: false
message: "loaded!"
results: [
{id: 1,bank_name: "AMERICAN EXPRESS BANK LTD"},{id: 2,bank_name: "ANGLOMAS INTERNASIONAL BANK"},....
]
}
我有3条记录返回json,显示到select2,列如下
Bank(id,bank_name)
School(id,school_name)
Status(id,status)
但问题是,我如何使“processResults”动态化?我用评论标记 / ***** 这个 ******* /
虽然这 3 个数据有不同的键,但如何使 select2 函数动态化?
谢谢,我希望有人回答我的问题:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。