2012-02-20 11 views
0

コンボボックスから選択した列に基づいて並べ替える必要があるサーバー側のコードからテーブルが動的に生成されます。私は5つの列を完全に持っています。には入力要素も含まれています...コンボボックスから並べ替える列を取得してテーブルを並べ替える

私はテーブルソートを探しましたが、ヘッダをクリックするとトリガされるコードが得られました。私はそれがどのように機能するか完全に理解していません。私の場合はソートを元に戻す必要はありません。

私はTSorter from terrillを持っていますが、うまく動かなかったのです。私は何をしたのか分かりません...

JSフレームワークを使わずにJavascriptで行う必要があります。任意の助けをいただければ幸いです....

マイコードスニペット:

<script> 
function init() 
{ 
    var Table1Sorter = new TSorter; 
    Table1Sorter.init('TableToSort'); 
} 

window.onload = init; 
</script> 
<div id="sortElements"> 
    <table border=0 cellspacing=0 cellpadding=0 > 
    <tr> 
     <td>Sort By</td> 
     <td> 
      <select name="sortBy" > 
      <option value="0">column 2</option> 
      <option value="1">column 3</option> 
      <option value="2">column 4</option> 
      </select> 
    </tr> 
    </table> 
</div> 
<span> 
<div id="tableContainer" > 
<table id="TableToSort" border=0 cellspacing=0 cellpadding=0 > 
<thead> 
<tr> 
    <th>Column 1</th> 
    <th>Column 2</th> 
    <th>Column 3</th> 
    <th>Column 4</th> 
    <th>Column 5</th> 
</tr> 
</thead> 
<tbody> 
<!-- My rows--> 
</tbody> 
</table> 
</span> 
+0

"jquery sort"および/または "jquery table sort"を検索すると、ニーズに合った簡単なソリューションを見つけることができます。 –

答えて

0

私が持っていた問題があった。私は、イベントを呼び出すことによって、クリックイベントを行いました。 Firefox 9以降とOperaではChromeがこのイベントをサポートしていません。

関連する問題