如何使用Jquery 解析返回的Json,然后写入select下拉框
展开全部
HTML code
<select id="sel"></select>
javascript code
jQuery(document).ready(function(){
var jsonstring= "{\"text1\":\"value1\",\"text2\":\"value2\",\"text3\":\"value3\"}" ;
var jsonObj = jQuery.parseJSON(jsonstring);
//jquery 1.4.0版本有jQuery.parseJSON函数,之前的版本如果没有此函数,
//可以用如此转换 var jsonObj = eval("("+ jsonstring +")");
var optionstring = "";
for(var item in jsonObj)
{
optionstring += "<option value=\""+ jsonObj[item] +"\" >"+ item +"</option>";
}
jQuery("#sel").html(optionstring);
});
<select id="sel"></select>
javascript code
jQuery(document).ready(function(){
var jsonstring= "{\"text1\":\"value1\",\"text2\":\"value2\",\"text3\":\"value3\"}" ;
var jsonObj = jQuery.parseJSON(jsonstring);
//jquery 1.4.0版本有jQuery.parseJSON函数,之前的版本如果没有此函数,
//可以用如此转换 var jsonObj = eval("("+ jsonstring +")");
var optionstring = "";
for(var item in jsonObj)
{
optionstring += "<option value=\""+ jsonObj[item] +"\" >"+ item +"</option>";
}
jQuery("#sel").html(optionstring);
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
推荐用Select box manipulation
$("#myselect").addOption({"foo":"bar","bar":"baz"})
一句搞定,如果是自己的ajax返回的json数据,在成功函数里面把data往
$("#myselect").addOption(data)仍就行,而且还有很多对select操作的方法
实在感觉不爽,可以学习作者的写法自己写个
$("#myselect").addOption({"foo":"bar","bar":"baz"})
一句搞定,如果是自己的ajax返回的json数据,在成功函数里面把data往
$("#myselect").addOption(data)仍就行,而且还有很多对select操作的方法
实在感觉不爽,可以学习作者的写法自己写个
参考资料: http://www.texotela.co.uk/code/jquery/select/
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询