直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
上一篇 :
AI检测生物钟,精准医疗或成最大“受惠者”
-
精华PPT,帮你彻底看懂5G!
2026-05-15栏目: 教程
-
【华为发布行业首个ADN Mobile解决方案】 10月17日消息,华为无线总裁邓泰华发布个ADN Mobile(自动驾驶移动网络)解决方案。该解决方案包含AI训练平台iMaster NAIE、跨域AI单元iMaster AUTIN和MBB网络AI
2026-05-15栏目: 教程
-
5G网络进入倒计时,网友:刚入手的4g手机将何去何从
2026-05-15栏目: 教程
-
让人意外!微软Defender被评为最好的杀毒软件之一
2026-05-15栏目: 教程
-
反击谷歌第一战,华为正式启用这一备案,Mate30系列已全部预装
2026-05-15栏目: 教程
