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

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

热门标签:广西智能外呼系统多少钱 荆州智能电销机器人 福建微码电话机器人 提高电话机器人接通率 地图标注与公司业务关系 外呼系统api对接 大学校门地图标注 销售电销机器人诈骗 平凉高德地图标注商户要收费吗

直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回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的方法》,本文关键词  AJAX,动态,加载,后台,数据,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《AJAX 动态加载后台数据 绑定select的方法》相关的同类信息!
  • 本页收集关于AJAX 动态加载后台数据 绑定select的方法的相关信息资讯供网民参考!
  • 推荐文章