一段让你晕上半天却找不出错误的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个项
执行第一次拉掉了第一项
执行第二次拉掉了第二项,这时,第一项就没机会拉掉了~

转载于:https://www.cnblogs.com/Heroman/archive/2005/01/05/86847.html