Question

我有一个非常简单的情况，使用带有KnockoutJS 3的多选select元素。如果你使用带有IE（任何版本）的多选元素的selectedOptions绑定，则select元素总是反弹到选择新选项时最底部选定的元素。我看过许多文章似乎与此有些相关并且过时，但没有明确的解决方案。任何帮助表示赞赏。

这里有一个简单的例子：

http://jsfiddle.net/unp9j9dc/1

通过单击项目1，按住控件，单击项目20，然后返回到项目2来重现.UI将跳回到项目20.

另外，我应该提一下，虽然JSFiddle使用的是knockout 3.0.0，但我在本地使用3.2.0并且结果相同。我很快就会尝试3.3.0。

更新：与Knockout 3.3.0的结果相同。

Answer 1

我明白了。我正在使用订阅和双向绑定非常广泛，所有这些似乎仍然正常。

基本上，KO基础架构只需通过UI与UI或模型更新上的更新模型绑定进行同步。因此，它在UI更新上设置每个选项'selected属性，当它“重新选择”最后一个属性时，IE决定将其滚动到视图中。

我使用Knockout 3.2.0的调试版本并编辑了第305-310行，如果它已经等于正在设置的内容，则不会尝试更新选项的selected属性。我计划在我有时间的时候提交拉动请求，但是如果有其他人遇到这个问题，那就是这里。

<强>更新：再次感谢@JamesThorpe，here is the source I edited.

        setOptionNodeSelectionState: function (optionNode, isSelected) {
            // IE6 sometimes throws "unknown error" if you try to write to .selected directly, whereas Firefox struggles with setAttribute. Pick one based on browser.
            if (ieVersion < 7)
                optionNode.setAttribute("selected", isSelected);
            else if (optionNode.selected != isSelected)
                optionNode.selected = isSelected;
        },

KnockoutJS：Internet Explorer中的多选问题

1 个答案: