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
}]
}
说明:Ajax请求也可以换成下边这种请求方式:
var url = "jsdChargeTypeConfig/queryAllJsdChargeChannelType.do";
$.post(url, {"channelCategory":row.channelCategory}, function(data) {
data.forEach(function(item){
var valueStr="<option value='"+item.channelType+"' >"+item.channelType+"</option>";
$('#channelType_up').append(valueStr);
});
$('#channelType_up').val(row.channelType);
});