剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td,就可以获取这行的数据了
大概代码如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr")
for(int i=0i<=trs.lengthi++)
{
var tr = trs[i];
var tds=tr.getElementsByTagName("td")
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据,在服务端进行修改
}
JS获取表格行数和列数<html>
<head>
<script type="text/javascript">
function show()
{
var tab = document.getElementById("test")
//表格行数
var rows = tab.rows.length
//表格列数
var cells = tab.rows.item(0).cells.length
alert("行数"+rows+"列数"+cells)
}
</script>
</head>
<body>
<table id="test" border="1">
<tr>
<td></td><td>nbsp</td>
</tr>
<tr>
<td></td><td>nbsp</td>
</tr>
</table>
<input type="button" onclick="show()"/>
</body>
</html>