码迷,mamicode.com
首页 > 其他好文 > 详细

select(下拉列表框)动态添加子集

时间:2015-10-27 13:42:03      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

//创建一个空的select

 <select class="dx-adwse" name="report.type" id="addtype" style="width: 185px" >

//页面加载时动态获取数据以及添加到创建的select

  $(document).ready(function(){

  var sHtml = ‘<option value="">请选择民情类型</option>‘;

       $.ajax({

           async: false, //闭关异步,改为同步

           url: "<%=basePath%>peoplereport!getReportType",

           type: "get",

           data: "bqzt=AA0001",

           dataType: "json",

           //cache: false,

           beforeSend: function (XMLHttpRequest) {

           },

           success: function (msg) {

          var data  = eval(‘msg‘);//成功以后调用eval方法将数组还原成js数组对象

            //这里要拼接下e 如果显示不出来 记得是 eval(‘+e+‘);

            var i = 0;//和for循环一样 i做计数

            for( i in data){

            //  alert(data[i].name);

            $("#addtype").append(‘<option value="‘ + data[i].id + ‘">‘ + data[i].name + ‘</option>‘);

            }

           },  

           error: function (msg) {  

               alert("出错了!");  

           }  

       });

   });


select(下拉列表框)动态添加子集

标签:

原文地址:http://my.oschina.net/u/2467394/blog/522537

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!