脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → AJAX 动态加载后台数据 绑定select

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

 更新时间：2018年08月08日 10:45:30   作者：杨冬冬  
今天小编就为大家分享一篇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+"&nbsp;&nbsp;睡眠时间："+date[j].sleeptime + "</option>"; 
    $("#select").html("<option value='0'>请选择...</option> "+optionstring);
          } 
        }, 
        error: function (msg) { 
          alert("出错了！"); 
        } 
      });

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

您可能感兴趣的文章:

相关文章

最新评论