JQuery的.html()方法如何将取出的list填充入select的option

auleit 2014-10-25 03:01:00
$(document).ready(function(){
$("#sel_Province").change(function(){
$.ajax({
url: '<%=basePath%>areaAjax/getCity.do',
data: "procode="+$("#sel_Province").val(),
type: 'get',
dataType:'json',
error: function(data)
{
alert("加载json 文件出错!");
},
success: function(data)
{
for (var one in data)
{
var name = data[one].name;
var code = data[one].code;
alert(name+code),
//$("#sel_City").append("<option value='code'>name</option>");
}
},
});
});
});

代码如上,已将需要显示的list取出,alert结果如下:
注释处的代码就是需要请教各位前辈的地方,用JQuery的.html()方法如何将我取出的list(有code和name两个属性,如370100 济南)一条一条的填充入id为sel_City的select中,以<option value="code">name</option>为最终我需要的形式。
...全文
327 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
auleit 2014-10-25
  • 打赏
  • 举报
回复
引用 2 楼 rui888 的回复:
$("#sel_City").append("<option value="+code+">"+name+"</option>");
对就是这样,和我一样。。。
auleit 2014-10-25
  • 打赏
  • 举报
回复
自己解决了。。。现在贴出代码,希望能给和我一样的小白们一点参考
$(document).ready(function(){
	    $("#sel_Province").change(function(){
			$.ajax({
				url: '<%=basePath%>areaAjax/getCity.do',
				data: "procode="+$("#sel_Province").val(),
				type: 'get',
				dataType:'json',
				error: function(data)
				{
					alert("加载json 文件出错!");
				},
				success: function(data)
				{
					//data = $.parseJSON(data);
				    for (var one in data)
				    {
						var name = data[one].name;
						var code = data[one].code;
						//alert(name+code);
						$("#sel_City").append("<option value="+code+">"+name+"</option>");
				    }
				},
			});
	   });
tony4geek 2014-10-25
  • 打赏
  • 举报
回复
$("#sel_City").append("<option value="+code+">"+name+"</option>");
jjruanlili 2014-10-25
  • 打赏
  • 举报
回复
你可以搜索多级联动,或者更准确点三级联动。大部分例子都是地址的

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧