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+" 睡眠時間:"+date[j].sleeptime + "</option>";
$("#select").html("<option value='0'>請選擇...</option> "+optionstring);
}
},
error: function (msg) {
alert("出錯了!");
}
});