javascript - Jquery Tablesorter 过滤器和外部选择框

Question

我正在使用表格排序器和过滤器小部件。我找到了这个jsfiddle example允许使用选择框过滤条目(按年龄过滤)。我想将该选择框添加到 my example ，但简单添加时不起作用

 $(".selectAge").bind('change', function (e) {
     var cols=[]
     cols[3] = $(this).val()
    $('table').trigger('search', [cols]);
 });

到我的示例代码。您能告诉我如何让选择框工作吗？

我的示例代码是来自 official example 的副本.

Answer 1

它正在工作，只是看起来不像。选择的一个问题是“重置”选项需要一个空字符串作为值:

<select class="selectAge tablesorter-filter" data-column="3">
    <option class="reset" value="">Filter by age</option>
    <option>&gt;=25</option>
    <option>&lt;=25</option>
</select>

Here is an updated demo (我所做的只是选择并添加了蓝色主题 css)。

<小时/>

更新:正如您所知，在下一次更新中，您可以像其他输入一样为 select 指定一个 "search" 类名称，并确保包含一个 data-column="#" 属性，并在使用 bindSearch 时让它自动工作，因此不需要添加额外的代码:

$.tablesorter.filter.bindSearch( $('#mytable'), $('.search') );