直接上的代码是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来:原理:改变ID请求数据。
html代码
<select id="select" style="width : 80px;height : 30px;">
//下拉框数据动态加载
</select>
js代码
首先我们必须引入jq插件,
$(function(){
$.ajax({
url: "xx.php", //后台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++) {
console.log(data);//控制台查看数据库数据
console.log(data[j].name);//控制台查看数据库option内容
console.log(data[j].id);//控制台查看数据库option的ID
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的方法实现,