Jquery根据3个下拉条件显示和隐藏行

我有两个下拉列表和按钮，我想显示和隐藏行的基础上。在表中，我使用了3种不同的数据属性-制造商、类别和袖长。当选择值时，我为每个下拉列表获取值。但是，我很难根据用户在下拉列表中选择的内容显示/隐藏正确的行。我需要一个if语句或其他方式，根据用户选择的内容显示正确的结果。我应该注意，用户只能选择一个下拉列表并查看结果。代码如下：

var manufacturerSelected;
var categorySelected;
var sleeveLengthSelectd;

manufacturerSelected = "";
categorySelected = "";
sleeveLengthSelectd = "";

$("#selectManufacturer").change(function(event) {
    manufacturerSelected = $(this).val();
    getResults();
});

$("#selectType").change(function(event) {
    categorySelected = $(this).val();
    getResults();
});

$(".btnLength").click(function(event) {
    selectedButton = $(this).html();
    if(selectedButton == "Short Sleeve"){
        $("#shortSleeve").addClass('btnLengthActive');
        $("#longSleeve").removeClass('btnLengthActive');
        sleeveLengthSelectd = "short";
    }else{
        $("#longSleeve").addClass('btnLengthActive');
        $("#shortSleeve").removeClass('btnLengthActive');
        sleeveLengthSelectd = "long";
    }
    getResults();
});

function getResults(){
    $("#productTable tbody tr").each(function() {
        var manufacturer = $(this).attr('data-manufacturer');
        var category = $(this).attr('data-category');
        var sleeveLength = $(this).attr('data-sleeve');
       if(manufacturerSelected == manufacturer){
        $(this).show();
       }else{
        $(this).hide();
       }
       if(categorySelected == category){
        $(this).show();
       }else{
        $(this).hide();
       }
       if(sleeveLengthSelectd == sleeveLength ){
        $(this).show();
       }else{
        $(this).hide();
       }
    });

---

您需要的是

&&

逻辑

if（条件1&&condition2&&condition3）

谢谢，如果没有选择其中一个下拉列表，该怎么办？用户可能会这样做。if语句会考虑到这一点吗？如果没有选择下拉列表，则每个条件都有值“”，那么您需要检查

如果（（manufacturerSelected==“”| | | manufacturerSelected==制造商）和&（condition2）和&（condition3））

如果（（manufacturerSelected==“”）| | |（manufacturerSelected==制造商））您的意思是这样的吗&&（（categorySelected==”）| |（categorySelected==category））&（（SleevelengthSelected==”）| |（SleevelengthSelected==sleeveLength）））