jQuery show function对select中的选项不起作用

时间:2015-03-17 01:13:45

标签: jquery google-chrome select option

我遇到了jQuery和Chrome的问题。

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

在将要过滤的选项上,我调用jQuery.hide(),如果值为ok,则调用jQuery.show()来显示元素。

问题是,当我调用jQuery.show()时,我看到我的页面源(开发人员控制台)发生了变化,但在我的网页上,select仍然是空的。

我在选项上尝试了选定的属性,然后添加了一个选项来选择和显示,只有一个。

使用chrome 41.x在firefox中一切正常。 Thnks

1 个答案:

答案 0 :(得分:0)

不确定您的代码是什么样的,但这似乎在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();
        }
    })
});