选择 Internet Explorer 中未更改的选项答案

【问题标题】：Select options not changing in internet explorer选择 Internet Explorer 中未更改的选项
【发布时间】：2015-03-15 15:27:42
【问题描述】：

我有一个选择框，在某个事件中，潜在的选择选项会发生变化。

$('#select2').html(''); //清除它的现有值 $('#select2').append('选项 3'); $('#select2').append('选项4');

此代码在 Firefox 和 Chrome 中运行良好。但是，在 Internet Explorer 8 中，html 页面上的选项不会更改。当我使用 alert($('#select2').html()); ，它会提醒正确的选项（选项 3、选项 4），但是在实际选择时，选项是原始选项。有没有人遇到过这种情况。有没有办法让页面正确显示新的选择选项。

【问题讨论】：

我无法复制这个。您可以发布问题的片段或小提琴吗？假设 select2 是一个选择元素，您应该像这样附加一个选项子项：$('#select2').append('<option>Option 4</option>');
它是 $('#select2').append('')，我的只是问题中的一个错字。另外，我尝试了 js fiddle，但它似乎在 Internet Explorer 8 中不起作用
我目前只有 IE11 可用于测试。如果你发布你的小提琴，有人可能会帮助你。

标签： javascript html internet-explorer internet-explorer-7

【解决方案1】：

事实证明，更改选择的 html 并不能在 Internet Explorer 8 中正确重新呈现选择。相反，我更改了有效的选择上方 div 的 html。比如：

var parent = $('#select2').parent("div");
var newHTML = parent.html();
parent.html("");
parent.html(newHTML);

【讨论】：