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

说明: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);
	});
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值