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

来源：懂视网责编：小采时间：2020-11-27 22:51:29

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

AJAX 动态加载后台数据绑定select的方法:直接上代码是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回json数据，我是前端比较差的，所以喜欢把每次不会的全部记起来 html代码 <select id=select style=width : 80px;height : 30px;> //下拉框数

推荐度：

点击下载本文 文档为doc格式

导读AJAX 动态加载后台数据绑定select的方法:直接上代码是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回json数据，我是前端比较差的，所以喜欢把每次不会的全部记起来 html代码 <select id=select style=width : 80px;height : 30px;> //下拉框数

直接上代码是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回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+"  睡眠时间："+date[j].sleeptime + "</option>"; 
 $("#select").html("<option value='0'>请选择...</option> "+optionstring);
 } 
 }, 
 error: function (msg) { 
 alert("出错了！"); 
 } 
 });

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

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com