js遍历json对象并为select赋值(ajax返回的json对象)通过ajax访问后台,获取json对象,并赋值到select当中。
后台返回的json对象如下:(以获取快递公司为例)
[{"code":"debangwuliu","name":"德邦物},
{code":"shunfeng","name":"顺丰速递"},
{"code":"yuantong","name":"圆通速递"},
{"code":"yunda","name":"韵达快运"},
{"code":"yuntongkuaidi","name":"运通快递"},
{"code":"zhongtong","name":"中通速递"},
{"code":"zhaijisong","name":"宅急送"}
]
html代码:
<select id="expressCompany">
<option value="0"></option>
</select>
//获取快递公司
function getExpressCompany() {
$.ajax({
type : "post",
url : url, //url根据⾃⼰的项⽬实际定义
async : false,
dataType : "text",
error : function() {
alert("系统忙,请稍后再试!");
return false;
},
js获取json的key和valuesuccess : function(text) {
var expressCompany = $("#expressCompany");
var str = '';
var data = eval("("+text+")");;
for(var o in data) {
str += '<option value="'+data[o].code+'">'+data[o].name+'</option>';
}
expressCompany.append(str);
}
});
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论