一段让你晕上半天却找不出错误的JS代码

function IndustryChange()
{
 var Io=document.getElementById("IndustryList");
 var Industry=Io.options[Io.selectedIndex].value;alert(Industry);
 var Ro=document.getElementById("RegionList");
 if(Ro!=null) {
for(i=0;i<Ro.length;i++) {Ro.options.remove(i);}
 alert(Ro.options.length);
}
}

煞一看来没问题吧
可是运行的结果却清除不掉下拉框中的东东,原因是什么呢?

看看这句吧

 if(Ro!=null) {
for(i=0;i<Ro.length;i++) {Ro.options.remove(i);}
 

对,就是这个循环勤惹的祸了,原来,Ro对象的LENGTH属性在每执行一次循环后,就自动减一,这样,得到的LENGTH当然越来越小,当然得不到正确的结果了
如果一个下拉列表框有4个项
执行第一次拉掉了第一项
执行第二次拉掉了第二项,这时,第一项就没机会拉掉了~