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

猜你喜欢

转载自blog.csdn.net/weixin_42688747/article/details/81513322