jQuery使用Ajax填充select

本文介绍了一个利用ajaxAddOptions函数动态加载JSON数据并填充到下拉菜单中的方法,展示了如何从指定URL获取数据,并根据JSON结构构建选项元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function ajaxAddOptions(url, target, id, text){
	target.empty();
	$.getJSON(url, function(json){
		$(json).each(function(i){
			var x = json[i];
			target.append("<option value='" + eval("x." + id) + "'>" + eval("x." + text) + "</option>" );
		})
	});
}

ajaxAddOptions(ctx + "test/testSelect", $("#province"), "code", "name");

 

 

根据需要调用ajaxAddOptions函数,test/testSelect是返回json的url,返回数据的格式如下:

 

[{"class":"ArticleType","id":501,"flag":1,"memo":null,"orderNumber":2,"name":"公告","code":"bulletin"},{"class":"ArticleTy
pe","id":500,"flag":1,"memo":null,"orderNumber":1,"name":"新闻","code":"news"}]

 实现上只返回

[{"name":"公告","code":"bulletin"},{"name":"新闻","code":"news"}]
 这样的数据就行了!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值