Javascript 通过从组合框中获取要排序的列来排序表
该表将从服务器端代码动态生成,我必须根据组合框中选择的列对其进行排序。我总共有5列,也包括输入元素 我已经搜索了表排序,但是我得到了当我们点击标题时会触发的代码类型。我不完全理解它是如何工作的。在我的情况下,没有必要反向排序 我得了一种不太适合我的病。我不明白我犯了什么错误 我必须使用Javascript而不使用任何JS框架。任何帮助都将不胜感激 我的代码片段:Javascript 通过从组合框中获取要排序的列来排序表,javascript,sorting,Javascript,Sorting,该表将从服务器端代码动态生成,我必须根据组合框中选择的列对其进行排序。我总共有5列,也包括输入元素 我已经搜索了表排序,但是我得到了当我们点击标题时会触发的代码类型。我不完全理解它是如何工作的。在我的情况下,没有必要反向排序 我得了一种不太适合我的病。我不明白我犯了什么错误 我必须使用Javascript而不使用任何JS框架。任何帮助都将不胜感激 我的代码片段: <script> function init() { var Table1Sorter = new TSorter
<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>
函数init()
{
var Table1排序器=新排序器;
Table1Sorter.init('TableToSort');
}
window.onload=init;
排序
第2栏
第3栏
第4栏
第1栏
第2栏
第3栏
第4栏
第5栏
我遇到的问题是:我通过调用事件创建了clicking事件。Firefox 9+和Opera都支持该事件,Chrome不支持该事件 搜索“jquery排序”和/或“jquery表排序”,您很可能会找到适合您需要的简单解决方案。