thanks for the info
i ve used sortable
js found in
Sortable Table (WebFX)
the code s as follows,But didnt work.
Could someone help me in fixing this issue.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="
js/sortabletable.
js"></script>
<script type="text/javascript">
var st2 = new SortableTable(document.getElementById("table-2"),
["String", "String", "Number"]);
function alertselected(selectobj){
if(selectobj.selectedIndex.valueOf()=="1")
{
alert(st2.sort(0))
}
if(selectobj.selectedIndex.valueOf()=="2")
{
st2.sort(1)
}
if(selectobj.selectedIndex.valueOf()=="3")
{
st2.sort(2)
}
}
</script>
</head>
<body>
<form id="someform">
<select id="mymenu" size="1" onChange="alertselected(this)">
<option value="nothing" selected="selected">Select a Sort</option>
<option>Name</option>
<option>Surename</option>
<option>Age</option>
</select>
</form>
<table class="sort-table" cellspacing="1" cellpadding="2" border="1" id="table-2" width="400">
<thead>
<tr>
<th>Name</th>
<th>Surename</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr >
<td >John1</th>
<td >Smith1</th>
<td >30</th>
</tr>
<tr >
<td >John2</th>
<td >Smith2</th>
<td >31</th>
</tr>
<tr >
<td >John3</th>
<td >Smith3</th>
<td >32</th>
</tr>
<tr >
<td >John4</th>
<td >Smith4</th>
<td >45</th>
</tr>
<tr >
<td >John5</th>
<td >Smith5</th>
<td >34</th>
</tr>
<tr >
<td >John</th>
<td >Smith</th>
<td >35</th>
</tr>
<tr >
<td >John</th>
<td >Smith</th>
<td >36</th>
</tr>
<tr >
<td >John</th>
<td >Smith</th>
<td >37</th>
</tr>
</tbody>
</table>
</body>
</html>
How to sort html table values using select box
Linear Mode
