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);
}
} 煞一看来没问题吧
可是运行的结果却清除不掉下拉框中的东东,原因是什么呢?
看看这句吧
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
if(Ro!=null)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(i=0;i<Ro.length;i++)
{Ro.options.remove(i);}
对,就是这个循环勤惹的祸了,原来,Ro对象的LENGTH属性在每执行一次循环后,就自动减一,这样,得到的LENGTH当然越来越小,当然得不到正确的结果了
如果一个下拉列表框有4个项
执行第一次拉掉了第一项
执行第二次拉掉了第二项,这时,第一项就没机会拉掉了~