Question

我有多个下拉菜单，分别是part_no，part_category，make和model。我试图在库存中显示车辆零件的数量。

鉴于我通过向下拉菜单提供更多值而变得更具体，因此必须显示较少类型的部件。（像过滤一样）

我试图模仿的一个很好的例子是本网站的下拉菜单：http://www.sgcarmart.com/used_cars/listing.php?MMO=Mini&RPG=20&MOD=Austin

有没有更好的方法来进行检查（通过所有可能的组合）而不是这样做：

         //Values from my dropdown menus
           var carmake= $('#car_make').val();
           var carmodel= $('#car_model').val();
           var partname= $('#part_name').val();
           var partcategory= $('#part_category').val(); 

           if(carmake==data['carmake'])
           {
           //do something
           }
           else if (carmake==data['carmake'] && partname==data['partname'])
           {
            //do something           
           }
           else if (carmodel==data['carmodel'] && partname==data['partname'])
           {
            //do something           
           }
           else if (carmodel==data['carmodel'] && partname==data['partname'] &&partcategory==data['partcategory'])
           {
            //do something           
           } else if (carmodel==data['carmodel'] && partname==data['partname'] &&partcategory==data['partcategory' &&partname==data['partname'])
           {
            //do something           
           }
           .
           .
           .
           .
           .

Answer 1

将所有测试值放在属性名称与data中相同的对象中。然后遍历所有属性以查看它们是否完全相同：

var search = {
    carmake: $("#car_make").val(),
    carmodel: $("#car_model").val(),
    partname: $("#part_name").val(),
    partcategory: $("#part_category").val()
};

var match = true;
$.each(search, function(prop, value) {
    if (value !== "" && value != data[prop]) { // only compare if the dropdown was selected
        match = false;
        return false; // break out of the loop
    }
});

if (match) {
    // do something
}

是否有一种优雅的方式来检查多种条件？

1 个答案: