1. 程式人生 > >將AJAX初始化查詢結果動態的賦值給下拉選,作為下拉選項。

將AJAX初始化查詢結果動態的賦值給下拉選,作為下拉選項。

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 }]
}