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