Javascript 从多个下拉菜单筛选选择

当从具有

id='id\u属性的下拉菜单中选择特定项时，我使用
class='kd'
显示或隐藏
div
：

    $(document).ready(function(){
      $("select#id_property").change(function(){
        $(this).find("option:selected").each(function(){
            var optionValue = $(this).attr("value");
            if(optionValue == "G"){
                $(".kd").fadeIn()
            } else{
                $(".kd").hide();
            }
        });
      }).change();
    });

是否可以从多个下拉菜单中筛选选择，并根据两个选择隐藏或显示项目

比如：

   $("select#id_property", "select#id_name").change(function(){
       $(this).find("option:selected").each(function(){
            var optionValue1 = $(this).attr("value");
            ...
        });
     });

HTML



---------
G
E
---------
A.
B
某个领域
好的，你要做的是使用多个选择器，用coma
，
分隔

$("select#id_property , select#id_name").on("change", function() {...})

在回调函数中，使用
$（this）.val（）
访问每个输入更改的值：

请参阅下面的代码片段：


$（文档）.ready（函数（）{
让selectValues=[]；
$（“选择#id_属性，选择#id_名称”）。在（“更改”，函数（）上）{
var id=$（this.attr（“id”）；
var optionValue=$（this.val（）；
selectValues[id]=optionValue；
让chars=“”；
for（选择值中的var键）{
字符+=选择值[键]；
}
if（字符包括（“GG”）|（字符包括（“G”）&字符包括（“A”））{
$（“.kd”）.fadeIn（）
}否则{
$（“.kd”）.hide（）；
}
});
//用于启动更改
$（“选择#id#u属性，选择#id#u名称”）。触发器（“更改”）；
});

财产：
---------
G
E


名称：
---------
A.
B
G



某个领域
你能在这里发布你的html代码吗！当然，添加了一个样本谢谢！如果两个选项上的匹配选项值都不是“G”，而是“G”和“A”，我将如何解决它？此外，只有当两个选项都是“G”时，它才应该匹配。当前它与一个选择或两个选择匹配。我承认我的问题不够清楚。@fuser60596好的，我不想使用id选择符，所以，我以一般方式进行了设置，以便可以根据需要更改条件，请参阅更新的答案（存储id键数组，然后生成保存这些选择值的字符串）