2012-02-20 44 views
0

該表將從服務器端代碼動態生成,我必須根據組合框中的選定列進行排序。我總共有5列,也包括輸入元素太...通過獲取要從組合框中排序的列對錶格進行排序

我已經搜索了表格排序,但我得到的代碼會在我們點擊標題時觸發。我不完全理解它是如何工作的。在我的情況下,沒有必要扭轉排序。

我得到了TSorter from terrill這對我來說效果不好。我不明白我所做的錯誤...

我必須用Javascript來做,而不使用任何JS框架。任何幫助,將不勝感激....

我的代碼片段:

<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」,您很可能會找到適合您需求的簡單解決方案。 – 2012-02-20 10:06:45

回答

0

,我不得不在這個問題:我已經通過調用事件作出的點擊事件。它支持Firefox 9+和Opera,Chrome不支持該事件。

相關問題