javascript - jQuery下拉列表不显示第一个选项

因此，我在客户端网页上有一个下拉列表过滤器，该下拉列表应通过匹配隐藏的div中的类并显示相关内容来起作用。但是，在IE9（以及链接的小提琴）中，您可以看到此方法不起作用。

第二个选项（iphone）似乎没有显示任何结果。我认为问题出在“ select.dropdown”函数的编号上，但是我无法弄清楚到底是什么。

片段：

$("select.dropdown").change(function(){
var filters = $.map($("select.dropdown").toArray(), function(e){
    return $(e).val();
});

var filter;
if(filters[0]=="all")
{
    if(filters[1]=="all")
       filter = "";
    else
       filter = "." + filters[1];
}
else{
    if(filters[1]=="all")
       filter = "." + filters[0];
    else
       filter = "." + filters.join(".");
}
$("div#FilterContainer > div").hide();
$("div#FilterContainer").find("div" + filter).show();
console.log(filters);

有任何想法吗？

过滤可在IE10 +和Chrome＆Firefox上使用。

提前致谢！

Fiddle here

最佳答案

在您的html中，过滤器值不正确。

<option value="iphone">iPhone</option>

值应有大写字母“ P”

关于javascript - jQuery下拉列表不显示第一个选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29393759/