jQuery表单选择更改筛选表

jQuery表单选择更改筛选表,jquery,arrays,select,filter,html-table,Jquery,Arrays,Select,Filter,Html Table,我有一个有四个下拉列表的表单,每个下拉列表都列出了X个值 主题、类型、月份、地点 然后我有一个表,其中有多行是从一个具有完全相同的列标题的数据库中提取的 主题、类型、月份、地点 每行数据都是不同的 我想构建一个过滤器系统,其中包含$select.change函数,从所有选定的下拉列表中构建一个值数组,然后将jquery hide/show函数应用到它对应的任何位置。表行具有动态分配给它们的类,例如: <tr class="subjectVal typeVal monthVal locati

我有一个有四个下拉列表的表单,每个下拉列表都列出了X个值

主题、类型、月份、地点

然后我有一个表,其中有多行是从一个具有完全相同的列标题的数据库中提取的

主题、类型、月份、地点

每行数据都是不同的

我想构建一个过滤器系统,其中包含$select.change函数,从所有选定的下拉列表中构建一个值数组,然后将jquery hide/show函数应用到它对应的任何位置。表行具有动态分配给它们的类,例如:

<tr class="subjectVal typeVal monthVal locationVal"><td>lorem ipsum</td>...</tr>

但是,如果值数组包含多个项,则只有该项在筛选表。如果我选择一个主题,然后选择一个位置,它将始终显示所有这些位置,而不管我选择了哪个主题。

所以基本上,它应该只在所有值匹配时显示行?如果是这样,则此代码应适用于:

$("table.events tr.row").each(function() {
    var tr = $(this), show = true;
    $.each( values, function(index, item){
        if (!tr.hasClass(item)) {
            show = false;
        }
    });
    tr.toggle(show);
});
$("table.events tr.row").each(function() {
    var tr = $(this), show = true;
    $.each( values, function(index, item){
        if (!tr.hasClass(item)) {
            show = false;
        }
    });
    tr.toggle(show);
});