我在这里有一个在 FF14 和 Chrome20 中运行良好的脚本。
它的一部分在 IE9 中不起作用。
如果您在 IE9 中打开页面并将第一个下拉列表（综合搜索）更改为“Word TM”，那么第二个下拉列表将变为空。
在其他浏览器中，该行为是正确的，它在选择菜单中添加了两行额外的行。
知道为什么 IE9 不喜欢这个以及如何解决它吗？
感谢下面的评论，这个问题现在已经解决了！
问问题
2459 次
2 回答
4
您有一个 ID 为“report_options”的 SELECT 元素 (z)，您尝试使用 innerHTML 更改其选项。这在 IE9 中不起作用。使用 z.options.remove(zeroBasedPosition) 删除选项和 z.options.add(OPTION) 其中 OPTION 是由以下人员创建和添加的 DOM 元素：
var option = document.createElement("OPTION");
option.text = "your text";
option.value = "your value";
z.options.add(option);
于 2012-06-17T10:08:49.860 回答
3
问题是你在<option>里面创建元素的方式<select>：
z.innerHTML="<option value='no' SELECTED>Not needed</option>...";
Internet Explorer 总是有<select>元素问题和innerHTML（你只能用它来清除所有选项，用innerHTML = ""）。向元素正确添加选项选项的唯一跨浏览器方法<select>是使用其add方法。
于 2012-06-17T10:02:02.547 回答