JQuery中点击按钮，循环往下拉框中添加选项失败。为什么？
0
悬赏园豆：10
[已关闭问题]
关闭于 2013-12-13 13:49
省市选择中，点击一个按钮，往下拉框中添加地区数据。单条添加数据，能行。通过循环方式添加，失败。为什么？详细的代码如下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title>
<script src="Script/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript"> $(function(){ $('#btn').click(function(){ var data="[{'Id':4,'Name':'邯郸市','Pid':1},{'Id':5,'Name':'石家庄','Pid':1},{'Id':6,'Name':'邢台市','Pid':1}]"; var $pro=$('#selPro'); data2Sel(data,$pro); }); }); function data2Sel(data,selOption){ selOption.length=0; var res=eval(data); //循环添加失败，res[i].Id有值，opt.val()有值，opt.html()有值。但添加失败。为什么？ for(var i=0;i<res.length;i++){ var opt=$('<option value='+res[i].Id+'>'+res[i].Name+'</option>'); selOption.append(opt); } //通过如下的方式添加成功。 // var $opt=$('<option value=1>河北省</option>'); // selOption.append($opt); // $opt=$('<option value=1>河南省</option>'); // selOption.append($opt); } </script>
</head> <body> <input type="button" id="btn" /> <select id="selPro"> </select> </body> </html>
