JQuery IE 7或IE9动态添加或删除选择列表中未正确更新的选项



我是JQuery的新手,希望一些专家能帮助我解决我面临的一个奇怪问题。

我正在使用ASP.NET MVC构建一个web应用程序。在其中一个视图中,我为最终用户提供了一个功能,可以使用JQuery向表中动态添加(或)删除行。表的第一列和第二列将有一个下拉列表。第三列将有一个文本框。

如果用户在第1列下拉列表(选项)中选择一个值,则第2列下拉列表中的选项列表将动态更改。

我通过引用这么多问题构建了这整件事;答案在SO中,(非常感谢所有的贡献者:-),我在JQuery上学到了很多)

整个功能在Chrome、FF和Safari中运行良好。然而,该功能在IE7和IE8中并没有按预期工作。到目前为止,我还没有在IE9中尝试过。

在IE8中,如果我在选择列表1中选择任何值,则动态添加几行之后(例如:第9行,第1列)选项没有正确反映在(第9行,第2列)。

当我检查DOM时,html有正确的选项,这让我更加困惑。你们中的任何人在过去都曾面临过这种情况吗?还是我在做一些愚蠢的事情?

我一直在尝试各种选择,但我无法获得这项工作:-(

我创建了一个js fiddle,希望它能帮助你更好地解释这个问题。http://jsfiddle.net/msudalai/7dJ6J/

更新:我今天早上刚刚找到这个答案。它就像一个符咒https://stackoverflow.com/a/2040837/1162558

我把这个问题抛在一边,看看有人能用JQuery 解决问题

尝试将输入克隆到临时jquery对象,更改selectedIndex属性,然后将其追加。我似乎还记得IE中的一次读/写输入控件,但我现在找不到任何文档来支持这一点。

最新更新