TableSorter。ドロップダウンリストで並べ替え

Question

私は

IDと名前（名+姓）フィールドを含む単純なテーブルを持っています。テーブルの上に、オプションID、名、姓のドロップダウンリストがあります。ドロップダウンの選択に基づいてテーブルをソートする必要があります。私は知っていないどのようにテーブルソートのソート機能は、選択に基づいてトリガする。

Answer 1

多分、これはあなたが望んだ（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]); 
    } 
    }); 
});