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

Javascript jQuery下拉列表不显示第一个选项,javascript,jquery,drop-down-menu,internet-explorer-9,Javascript,Jquery,Drop Down Menu,Internet Explorer 9,因此,我在客户机网页上有一个下拉过滤器,下拉菜单应该通过匹配隐藏div中的类并显示相关内容来工作。然而,在IE9中(以及在链接的小提琴上),你可以看到这不起作用 第二个选项(iphone)似乎没有显示任何结果。我认为问题在于“select.dropdown”函数的编号,但我不知道它到底是什么 片段: $("select.dropdown").change(function(){ var filters = $.map($("select.dropdown").toArray(), functio

因此,我在客户机网页上有一个下拉过滤器,下拉菜单应该通过匹配隐藏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上工作

提前谢谢


这里有预感,但请尝试删除console.log条目

IE9在console.log条目或任何其他传入IE9中的console对象的方法方面存在问题

编辑
要得到更好的解释,请查看此问题

这里有预感,但请尝试删除console.log条目

IE9在console.log条目或任何其他传入IE9中的console对象的方法方面存在问题

编辑
要得到更好的解释,请查看此问题

这里有预感,但请尝试删除console.log条目

IE9在console.log条目或任何其他传入IE9中的console对象的方法方面存在问题

编辑
要得到更好的解释,请查看此问题

这里有预感,但请尝试删除console.log条目

IE9在console.log条目或任何其他传入IE9中的console对象的方法方面存在问题

编辑
要得到更好的解释,请查看此问题

在html中,筛选器值不正确

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

值在html中应该有大写字母“p”

。筛选值不正确

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

值在html中应该有大写字母“p”

。筛选值不正确

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

值在html中应该有大写字母“p”

。筛选值不正确

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

值应该有一个大写字母“p”

您的第一个下拉列表值具有选项“iphone”(小写)。包含结果的div具有类名“iphone”。案例不匹配,因此.find在以下行中不起作用:

$("div#FilterContainer").find("div" + filter).show();

使用代码段中的调试器,您搜索的值是“div.iphone.Case”,其中需要“div.iphone.Case”

您的第一个下拉值具有选项“iphone”(小写)。包含结果的div具有类名“iphone”。案例不匹配,因此.find在以下行中不起作用:

$("div#FilterContainer").find("div" + filter).show();

使用代码段中的调试器,您搜索的值是“div.iphone.Case”,其中需要“div.iphone.Case”

您的第一个下拉值具有选项“iphone”(小写)。包含结果的div具有类名“iphone”。案例不匹配,因此.find在以下行中不起作用:

$("div#FilterContainer").find("div" + filter).show();

使用代码段中的调试器,您搜索的值是“div.iphone.Case”,其中需要“div.iphone.Case”

您的第一个下拉值具有选项“iphone”(小写)。包含结果的div具有类名“iphone”。案例不匹配,因此.find在以下行中不起作用:

$("div#FilterContainer").find("div" + filter).show();

使用代码段中的调试器,您搜索的值是“div.iphone.Case”,在
选项中需要“div.iphone.Case”

。。。是的,也谢谢你的演示!不敢相信我错过了这一点,后端开发人员更新了代码,但没有提到这一点。在您的
选项中
iphone更改为
iphone
。。。是的,也谢谢你的演示!不敢相信我错过了这一点,后端开发人员更新了代码,但没有提到这一点。在您的
选项中
iphone更改为
iphone
。。。是的,也谢谢你的演示!不敢相信我错过了这一点,后端开发人员更新了代码,但没有提到这一点。在您的
选项中
iphone更改为
iphone
。。。是的,也谢谢你的演示!真不敢相信我错过了这个,后端开发人员更新了代码,但没有提到这一点。是的,这已经解决了-其他开发人员更新了代码,但没有告诉我,将代码还原为小写字母“p”。谢谢你的帮助和敏锐的眼睛!是的,这是固定的-其他开发人员没有告诉我就更新了代码,将其恢复为小写字母“p”。谢谢你的帮助和敏锐的眼睛!是的,这是固定的-其他开发人员没有告诉我就更新了代码,将其恢复为小写字母“p”。谢谢你的帮助和敏锐的眼睛!是的,这是固定的-其他开发人员没有告诉我就更新了代码,将其恢复为小写字母“p”。谢谢你的帮助和敏锐的眼睛!谢谢你提供有关console.log问题的信息,我以前不知道,我会记住的谢谢你提供关于console.log问题的信息,我以前不知道,我会记住的谢谢你提供关于console.log问题的信息,我以前不知道,我会记住的谢谢你提供关于console.log问题的信息,我以前没有意识到这一点,我会记住的