ajax获取json数据 for select2

最新推荐文章于 2023-06-01 15:03:07 发布

weixin_30443895

最新推荐文章于 2023-06-01 15:03:07 发布

阅读量127

点赞数

原文链接：http://www.cnblogs.com/moiam/p/5103052.html

版权

json数据“a.json”

[
    {
        "id": "1", 
        "text": "张三"
    }, 
    {
        "id": "2", 
        "text": "李师师"
    }, 
    {
        "id": "3", 
        "text": "林冲"
    }, 
    {
        "id": "4", 
        "text": "周通"
    }, 
    {
        "id": "5", 
        "text": "杨康"
    }
]

js获取json文件数据

$.getJSON(url, function (data) {
        control.empty();//清空下拉框
        $.each(data, function (i, item) {
            //alert(item.id)
            control.append("<option value='" + item.id + "'>&nbsp;" + item.text + "</option>");
        });
    });

html代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>select2</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Select2 -->
  <link rel="stylesheet" href="plugins/select2/select2.min.css">
</head>
<body>

  <select class="js" multiple="multiple">
  　　<option value="AL">Alabama</option>
  　　<option value="WY">Wyoming</option>
　</select>
  <!-- jQuery 2.1.4 -->
  <script src="http://cdn.hcharts.cn/jquery/jquery-2.1.4.min.js"></script>
  <!-- Select2 -->
  <script src="plugins/select2/select2.full.min.js"></script>
  <!-- SlimScroll 1.3.0 -->
  <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
  <!-- page script -->
  <script src="js/data.js"></script>

  <script>    
    $(function () { 
      $(".js").select2();
      BindDictItem('js','a');
　　});
  </script>
</body>
</html>

转载于:https://www.cnblogs.com/moiam/p/5103052.html

weixin_30443895

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax获取json数据 for select2

json数据“a.json”[ { "id": "1", "text": "张三" }, { "id": "2", "text": "李师师" }, { "id": "3", "text": "林冲" }, ...
复制链接

扫一扫