jquery解析json拼接到下拉框(含jar包)

[size=large] [color=red][b] jquery解析json拼接到下拉框[/b][/color][/size]
[b] js或jquery解析json是我们工作中经常碰到的,但是大家作为后台工程师可能知道js能解析json,但是往往记不牢,在此记录供自己或大家参考,谢谢![/b]
ajax请参考[url]http://patronli.iteye.com/admin/blogs/2324171[/url]
jquery解析xml拼接到下拉框[url]http://patronli.iteye.com/blog/2383737[/url]


1、后台代码(生成json数组):

List<CityModel> cms=new ArrayList<>();//list数组
JSONArray ja=JSONArray.fromObject(citys);;//将数组转换成json数组

2、前台代码(js部分)

var city=$("#city");
var info=[{"cid":1,"cname":"东城区"},{"cid":2,"cname":"西城区"}];
//假设info就是后台通过ajax方式传递过来的json数据
var json=eval(info);//将json字符串换成可解析的数组
for (var i = json.length - 1; i >= 0; i--) {//循环数组的美一个对象
city.prepend("<option>"+ json[i].cname +"</option>");//拼接
};

3、前台代码(jsp部分)

<select id="city" name="city">
<option value="0">--请选择--</option>
</select>


附件为 生成json所需的包
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值