• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • layui 根据后台数据动态创建下拉框并同时默认选中的实例
    • layui 根据后台数据动态创建下拉框并同时默认选中的实例
    • jQuery实现动态加载select下拉列表项功能示例
    • vue+layui实现select动态加载后台数据的例子
    上一篇:ajax判断后端返回的数据是否为null的方法
    下一篇:ajax请求后台接口数据与返回值处理js的实例讲解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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