这是IE的一个bug， 有几个workaround的方法
所在版块：求学狮城 发贴时间：2008-06-17 15:21  评分:

用户信息
复制本帖HTML代码
高亮: 今天贴 X 昨天贴 X 前天贴 X 
你可以maintain几个array，然后每次都重建所有options或者用add/remove来动态添加/删除受影响的option：

<html>
<head>
<script type="text/javascript">
function show_hide(id, text) {
var op = document.getElementById(id);
var select = document.getElementById("opt");

if (op) {
select.remove(op.index);
return;
}

for (var i=0; i<select.length; i++) {
if (select.options[i].id > id) break;
}

op = document.createElement('option');
op.text=text;
op.id = id;

try {
select.add(op, select.options[i]); // firefox
}
catch (ex) {
select.add(op, i); // ie
}
}
</script>
</head>
<body>
<div style="height: 100px"></div>
<form>
<select id="opt" name="option">
<option id="opt0" value=0 style="display: block">default</option>
<option id="opt1" value=1 style="display: block">first option</option>
<option id="opt2" value=2 style="display: block">second option</option>
<option id="opt3" value=3 style="display: block">third option</option>
<option id="opt4" value=4 style="display: block">fourth option</option>
</select>
</form>
<table>
<tr><td>
<a onclick="show_hide('opt1', 'first option')">show/hide first option</a>
</td></tr><tr><td>
<a onclick="show_hide('opt2', 'second option')">show/hide second option</a>
</td></tr><tr><td>
<a onclick="show_hide('opt3', 'third option')">show/hide third option</a>
</td></tr><tr><td>
<a onclick="show_hide('opt4', 'fourth option')">show/hide fourth option</a>
</td></tr>
</table>
<div style="height: 800px"></div>
</body>
</html>
.
欢迎来到华新中文网，踊跃发帖是支持我们的最好方法!

　相关帖子 我要回复↙ ↗回到正文
求html.option.style.display IE的解决办法 － icky 　2008-06-17 13:34 (290 bytes , 740reads )
原code如下 － icky 　2008-06-17 13:35 (1189 bytes , 265reads )
建议用JS的framework, JQuery, Prototype 都不错 － moon9shine 　2008-06-17 16:41 (1 bytes , 377reads )
这是IE的一个bug， 有几个workaround的方法 － 大树下 　2008-06-17 15:21 (1482 bytes , 410reads )
阁下真乃神人也 － icky 　2008-06-17 17:31 (0 bytes , 265reads )