Question

我正在使用tablesorter和过滤器小部件。我发现这个jsfiddle example允许使用选择框过滤条目（按年龄过滤）。我想将该选择框添加到my example，但仅在添加

时不起作用

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

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

我的示例代码是official example的副本。

Answer 1

它正在工作，它看起来不像。 select的一个问题是“reset”选项需要一个空字符串作为值：

<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') );

Jquery Tablesorter过滤器和外部选择框

1 个答案: