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

Question

所以，我在客户端网页上有一个下拉过滤器，下拉列表应该通过匹配隐藏 div 中的类并显示相关内容来工作。但是，在 IE9(以及链接的 fiddle 上)中，您可以看到这不起作用。

第二个选项(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

Answer 1

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

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

值应该有一个大写的“P”