將AJAX初始化查詢結果動態的賦值給下拉選,作為下拉選項。
阿新 • • 發佈:2019-01-08
1、JS程式碼
/*
* 初始化獲取所有的使用者列表
*/
$.ajax({
url:'/account/getaccount',
type:'post',
success:function(res){
if (res!=null) {
var json = res.rows;
for(var i=0,l=json.length;i<l;i++){
var name = json[i].name;
var id = json[i].id;
var sel = document.getElementById("creater");//獲取下拉選物件
var option = new Option(name,id);
sel.options.add(option);
}
return;
}
}
})
2、HTML程式碼
建立人 <select id="creater" >
<option value=''>請選擇</option>
</select >
備註:
後臺返回JSON報文格式:
{
"total": 2,
"rows": [{
"id": 1,
"sname": "測試使用者1",
"name": "test1",
"password": "**********",
"phone": "13523457654",
"createtime": "2018-02-16 15:24:51",
"createuser": 3
}, {
"id": 2,
"sname ": "使用者2",
"name": "test2",
"password": "**********",
"phone": "13323458923",
"createtime": "2018-02-16 18:17:23",
"createuser": 3
}]
}