关于把Json数据绑定到select2中

Posted spinoza

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于把Json数据绑定到select2中相关的知识,希望对你有一定的参考价值。

最近做的一个项目中用到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 }

 

以上是关于关于把Json数据绑定到select2中的主要内容,如果未能解决你的问题,请参考以下文章

实用代码片段将json数据绑定到html元素 (转)

关于网友博客中代码的可用性问题

js中如何取得jsp中的List;例如下边jsp中代码,代码简单写的,只要具体的解决方法,最好有代码实例

MVVM 模式中代码隐藏的实用使用

关于Java中异常的叙述正确的是:( ) A.异常是程序编写过程中代码的语法错误

Swoole 关于reload重启与回调函数中代码的重载