滤波表与jQuery

我有此表具有七列，每一列表示像这样的特定值：滤波表与jQuery

我也有含有我想使用用于过滤此数据表中选择的5个选择框。

到目前为止，我想出了这一点：

$('#mySelectBox').change(function() { 

    var filtervar = $(this).val(); 

    $('tr td.someclass').each(function() { 
     if ($(this).text() != filtervar) { 
      $(this).parent().hide(); 
     } else { 
      $(this).parent().show(); 
     } 
    }); 
});

此代码适用于一个选择框。我如何调整它以便我可以使用五个不同的选择框进行过滤？

来源

2012-02-26 Ismailp

什么你正在试图做的可能已经与其他插件完成的，看看[数据表]（http://datatables.net/release-datatables/examples/api/multi_filter_select.html） – akiller 2012-02-26 18:31:57

为什么你不想为这个任务使用一些已经存在的库？ – wormhit 2012-02-26 18:34:56

这已经是足够通用。只需将选择框从id s更改为class es，并将所有选择框与适当的class对准。

脚本：

$('.filter').change(function() { /* ... code ... */ });

HTML：

<select class="filter"> ... </select> 
<select class="filter"> ... </select> 
<select class="filter"> ... </select>

来源

2012-02-26 18:32:00 xandercoded

如何调整它，以便我可以使用五个不同的selectboxes来筛选？

简单地套用一个类您所有的选择框，这样你就只需要一个选择：

$('.selectBox').change.....

来源

2012-02-26 18:31:37 Sarfraz

只要给你的选择列表中的所有相同的类，如 “mySelectClass”，然后用在选择器而不是ID。

$('.mySelectClass').change(function() {

来源

2012-02-26 18:33:39

滤波表与jQuery

回答

相关问题