- 爱易网页
-
JavaSript
- 输入的数据如何不排序呢
日期:2014-05-16 浏览次数:20392 次
输入的数据怎么不排序呢?
<body>
<table border="1" bordercolor="#33CCCC" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<th> 姓名</th>
<th>
<a href="#" onclick="getTable()">年龄</a>
</th>
<th> 籍贯</th>
</tr>
<!--
<tr>
<td><input type="text" name="name" /></td>
<td><input type="text" name="age" /></td>
<td><input type="text" name="address" /></td>
</tr>
<tr>
<td><input type="text" name="name" /></td>
<td><input type="text" name="age" /></td>
<td><input type="text" name="address" /></td>
</tr>
<tr>
<td><input type="text" name="name" /></td>
<td><input type="text" name="age" /></td>
<td><input type="text" name="address" /></td>
</tr>
<tr>
<td><input type="text" name="name" /></td>
<td><input type="text" name="age" /></td>
<td><input type="text" name="address" /></td>
</tr>
<tr>
<td><input type="text" name="name" /></td>
<td><input type="text" name="age" /></td>
<td><input type="text" name="address" /></td>
</tr>
--->
<tr>
<td>张三</td>
<td>25</td>
<td>上海</td>
</tr>
<tr>
<td>张5</td>
<td>55</td>
<td>上7海</td>
</tr>
<tr>
<td>张三</td>
<td>15</td>
<td>上海</td>
</tr>
<tr>
<td>张8三</td>
<td>26</td>
<td>上海</td>
</tr>
</tbody>
</table>
</body>
上面是html代码,
function getTable()
{
var tabNode=document.getElementsByTagName("table")[0];
var trows=tabNode.rows;
var arr=new Array();
var length=trows.length;
for(var x=1;x!=length;x++)
{
arr[x-1]=trows[x];
}
sortArr(arr);
var tbdNode=tabNode.childNodes[0];
for(var x=0;x<arr.length;x++)
{
tbdNode.appendChild(arr[x]);
}
}
function sortArr(arr)
{
var length=arr.length;
for(var x=0;x<length;x++)
{
for(var y=x+1;y<length;y++)
{
if(arr[x].cells[1].innerText>arr[y].cells[1].innerText)
{
var temp=arr[x];
arr[x]=arr[y];
arr[y]=temp;
}
}
}
}
jQuery对表单select的控制解决方法