主页 > 知识库 > AJAX 动态加载后台数据 绑定select的方法

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

热门标签:科大讯飞语音识别系统 阿里云 电子围栏 Linux服务器 银行业务 团购网站 Mysql连接数设置 服务器配置

直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • layui 根据后台数据动态创建下拉框并同时默认选中的实例
  • layui 根据后台数据动态创建下拉框并同时默认选中的实例
  • jQuery实现动态加载select下拉列表项功能示例
  • vue+layui实现select动态加载后台数据的例子

标签:衡水 江苏 枣庄 萍乡 蚌埠 大理 广元 衢州

巨人网络通讯声明:本文标题《AJAX 动态加载后台数据 绑定select的方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266