关于把Json数据绑定到select2中

最新推荐文章于 2023-02-28 16:07:58 发布

aifan2109

最新推荐文章于 2023-02-28 16:07:58 发布

阅读量846

点赞数 1

CC 4.0 BY-SA版权

文章标签： json java

原文链接：http://www.cnblogs.com/Spinoza/p/8868287.html

本文介绍如何将从Ajax请求返回的JSON数据转换为Select2插件所需的格式，并直接绑定到插件中，实现动态下拉列表的加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做的一个项目中用到select2,想把Json的数据绑定到select2中,select2默认的能够接受的json格式的数据是以{id:"",text:''}这样的键值对来保存的,所以新生成一个数组来做一下数据的处理

我这个是在ajax 回调函数中做的处理,处理后直接绑定到select2插件中

 1 //查询公司方法
 2 function QueryCompany() {
 3     $.ajax({
 4         type: "post",
 5         dataType: "json",
 6         url: "Handler/Report_MonitoringRecord.ashx",
 7         success: function (data) {
 8             //console.log("执行成功");
 9             //console.log(data);
10             var options = new Array();
11             $(data).each(function (i, o) {
12                 
13                 options.push({　　　　　　　　　　//获取select2个必要的字段，id与text
14                     id: o.COMPANYID,
15                     text: o.COMPANY_NAME
16                 });
17             });
18             //console.log(options);
19             $("#companySelect").select2({
20                 data: options
21             })
22 
23         },
24         error: function () {
25             console.log("执行失败");
26         }
27     });
28 }