的tablesorter。按下拉列表选择排序

时间:2012-02-21 18:01:07

标签: jquery tablesorter

我有一个包含

的简单表

ID和名称(FirstName + LastName)字段。在表格上方,我有一个下拉列表,其中包含Options ID,FirstName,LastName。根据下拉表的选择应排序。我不知道如何根据选择触发tablesort排序功能。

1 个答案:

答案 0 :(得分:3)

也许这就是你想要的(demo)?

HTML

<select>
    <option value="-">Choose a column</option>
    <option value="0">column 1c</option>
    <option value="1">column 2</option>
    <option value="2">column 3</option>
    <option value="3">column 4</option>
</select>

<table class="tablesorter">
    <!-- stuff here -->
</table>

脚本

$(function(){
  $('table').tablesorter();

  $('select').change(function(){
    var column = parseInt($(this).val(), 10),
      direction = 1, // 0 = descending, 1 = ascending
      sort = [[ column, direction ]];
    if (column >= 0) {
      $('table').trigger("sorton", [sort]);
    }
  });
});