怎么用JavaScript获取table某行数据
当我点击这个更新的时候,我想把这一行的数据直接填充到下面的表格里面去,然后在这个里面进行修改,最后提交给服务器,这个怎么做到呢?下面那个表格有提交按钮了。...
当我点击这个更新的时候,我想把这一行的数据直接填充到下面的表格里面去,然后在这个里面进行修改,最后提交给服务器,这个怎么做到呢?下面那个表格有提交按钮了。
展开
展开全部
表格的第一行为thead中的th
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td,就可以获取这行的数据了
大概代码如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr");
for(int i=0;i<=trs.length;i++)
{
var tr = trs[i];
var tds=tr.getElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据,在服务端进行修改
}
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td,就可以获取这行的数据了
大概代码如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr");
for(int i=0;i<=trs.length;i++)
{
var tr = trs[i];
var tds=tr.getElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据,在服务端进行修改
}
追答
中间有一行是var tds=tr.getElementsByTagName("td");手机打错了,抱歉
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询