select元素 onchange事件在IE下运行不正常，在Firefox下正常

<html>
<head>
<script type="text/javascript" >
function select1change() {
var s = document.getElementById("Select1");
var s2 = document.getElementById("Select2");
if (s.selectedIndex == 0)
s2.innerHTML = "<option>1</option>";

if (s.selectedIndex == 1)
s2.innerHTML = "<option>2</option>";

if (s.selectedIndex == 2)
s2.innerHTML = "<option>3</option>";

}

</script>
</head>
<body>
<select id="Select1" onchange="select1change()" >
<option>1</option>
<option>2</option>
<option>3</option>

</select>
<select id="Select2">
<option>1</option>
<option>11</option>
<option>111</option>
<option>1111</option>

</select>

</body>
</html>
IE下当Select1的SelectedIndex改变后，Select2成空的了。而Firefox运行正常。
哪位高手指点一下。

举报该问题

推荐答案 2010-01-25

在IE中的INNERHTML如果要中只能用替换字串的方式，很麻烦

function select1change() {
var s = document.getElementById("Select1");
var s2 = document.getElementById("Select2");
if (s.selectedIndex == 0){
var varItem = new Option('1', '1');
s2.options.add(varItem);
alert("成功加入");}}

用这种方式吧，追加，如果要是重新填加的话，就document.all.objSelect.options.length = 0清空一次！

另外，说点无关的，尽量养成写花括号的习惯！不然你的程序以后看起来会很乱，而且不便于重构！

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/DrZT0eBIe.html

其他回答

第1个回答 2014-03-11

　　尊敬的用户，您好！很高兴为您答疑。
　　您这种基于html标准控件的二级联动，建议还是优先考虑使用jQuery进行数据改写。而IE下不支持的情况，可能是在IE下S2未被正确识别为对象所致。
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。本回答被网友采纳

第2个回答 2010-01-25

是IE浏览器自身的问题,不是你的错.
楼主换个方式试试.
如果先删除select2中所有option.再添加新的option.

=======
<html>
<head>
<script type="text/javascript" >
function select1change() {
var s = document.getElementById("Select1");
var s2 = document.getElementById("Select2");
if (s.selectedIndex == 0) {
clear();
s2.options.add(new Option("1"));
return;
}

if (s.selectedIndex == 1) {
clear();
s2.options.add(new Option("2"));
return;
}

if (s.selectedIndex == 2) {
clear();
s2.options.add(new Option("3"));
return;
}

}
function clear() {
var s2 = document.getElementById("Select2");
for (var i = s2.options.length; i >=0; i--) {
s2.remove(i);
}
}

</script>
</head>
<body>
<select id="Select1" onchange="select1change()" >
<option>1</option>
<option>2</option>
<option>3</option>

</select>
<select id="Select2">
<option>1</option>
<option>11</option>
<option>111</option>
<option>1111</option>

</select>

</body>
</html>

相似回答

大家正在搜