select2 ajax无法搜索

最新推荐文章于 2021-08-05 14:55:58 发布

weixin_30908941

最新推荐文章于 2021-08-05 14:55:58 发布

阅读量285

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/fudexuan/p/6120880.html

版权

select2 ajax无法搜索

昨天项目上需要用到select2，要ajax远程获取数据，在网上找了好久，
都不适合，贴出来说不定有需要的嘿嘿...

直接上代码

<script>

`$(document).ready(function () {`

$.getJSON("data.json", function (data) {

   `var array1 = [];`
   
   
   `$.each(data.items, function (index, item) {`
   
       `array1.push(item.text + "->" + item.id);`
        
           ` console.log(array1);`
      
        `});`
      
       `$("#userSelect").select2({`
          
           `data: array1,`
        
             `placeholder:"请输入",`
         
             `allowClear:true`

         });

    });  


 });

</script>

把json通过ajax转为本地文件再用select2的本地方法就好了。
*json格式是这样的{
"items": [
{
"id": 0,
"text": "enhancement"
},
{
"id": 1,
"text": "bug"
},
{
"id": 2,
"text": "duplicate"
},
{
"id": 3,
"text": "inval"
},
{
"id": 4,
"text": "wontfix"
},
{
"id": 5,
"text": "khkaskadjja"
},
{
"id": 6,
"text": "wontfix"
},
{
"id": 7,
"text": "khkaskadjja"
}]
}