콤보 상자에서 정렬 할 열을 가져 와서 표 정렬

Question

표는 콤보 상자에서 선택한 열을 기반으로 정렬해야하는 서버 측 코드에서 동적으로 생성됩니다. 나는 전체적으로 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> 

Answer 1

내가 한 한 문제 : 나는 이벤트를 호출하여 클릭 이벤트를 만들었습니다. Firefox 9 이상 및 Opera에서 지원되었지만 Chrome은 해당 이벤트를 지원하지 않습니다.