jQuery 显示功能不适用于选择中的选项

Question

我在使用 jQuery 和 Chrome 时遇到以下问题。

我有几个选择，我的函数在选择更改时被调用。一切正常，之后我遍历下一个选择元素和过滤器选项。 [选择 > 选项]。

在要过滤的选项上，我调用 jQuery.hide()，如果值正常，我调用 jQuery.show() 来显示元素。

问题是，当我调用 jQuery.show() 时，我看到我的页面源代码（开发者控制台）发生了变化，但在我的网页上，选择仍然是空的。

我在选项上尝试了 selected 属性，然后添加了一个选项来选择并显示，只有一个。

在 Firefox 中一切正常，使用 chrome 41.x。谢谢

Answer 1

不确定您的代码是什么样的，但这似乎在 Chrome 中运行良好。 https://jsfiddle.net/tdetnn4z/

$("#source").on("change", function(){
    sourceVal = parseInt(this.value);
    $("#target > option").each(function(){
        curr = parseInt(this.value);
        if(curr%sourceVal == 0){
            $(this).show();
        }
        else{
            $(this).hide();
        }
    })
});