Ajax获取Json对象绑定下拉框


Html 部分:

<html>
<head></head>
<body>
<div class="form-group">
                <div class="col-sm-3">
                    <label class="control-label">集团:</label>
                </div>
                <div class="col-sm-9">
                    <select id="groupType" name="offsetType" class="table ">
                    </select>
                </div>
 </div>
</body>
</html>

 

Js部分:

$.ajax({
   type: "post",
   contentType: "application/x-www-form-urlencoded;charset=utf-8",
   url: rootPath + '/group/getGroupList.json',
   dataType: "json",
   data: "",
   success: function (response) {
      if (response.code == "0") {
         var ddl = $("#groupType");//列表框id
          //方法1:添加默认节点
         ddl.append("<option value='-1'>--请选择--</option>");
         //转成Json对象
         var result = eval(response.obj);
         //循环遍历 下拉框绑定
         $(result).each(function (key) {
         //第一种方法
         var opt = $("<option></option>").text(result[key].organizationName).val(result[key].organizationCode);
         ddl.append(opt);
         });
      } else {
         layer.msg('加载集团失败');
      }
   },
   error: function () {
      layer.msg('error');
   }
});

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM