AJAX 动态加载后台数据 绑定select的方法


            直接上代码 是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回json数据，我是前端比较差的，所以喜欢把每次不会的全部记起来

html代码





<select id="select" style="width : 80px;height : 30px;">

  //下拉框数据动态加载

</select>



js代码





$.ajax({ 

   url: "",  //后台webservice里的方法名称 

  contentType: "application/json; charset=utf-8",  

  type: "get", 

  async : true ,

  dataType: "json", 

  success: function (date) { 

    var optionstring = "";

    for (var j = 0; j < date.length;j++) {       

    optionstring += "<option value=\"" + date[j].id + "\" >" +"睡眠次数："+date[j].limitnumber+"  睡眠时间："+date[j].sleeptime + "</option>"; 

    $("#select").html("<option value='0'>请选择...</option> "+optionstring);

          } 

        }, 

        error: function (msg) { 

          alert("出错了！"); 

        } 

      }); 



以上这篇AJAX 动态加载后台数据 绑定select的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持中文源码网。