当前位置 博文首页 > AJAX 动态加载后台数据 绑定select的方法

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

    作者:杨冬冬 时间:2021-08-27 18:49

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

    html代码

    <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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持站长博客。

    jsjbwy