Question

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息

<table><tbody>
<tr>
<td>4</td>
<td id='r'>5<td>
<td><a href="#"><button type="button" >修改</button></a></td>
<td><a href="#"><button type="button" >保存</button></a></td>
</tr>
</tbody></table>
这个tr里的内容是循环出来的，每一行都有一个修改的按钮 ，现在想点击某一行的按钮修改每一行中id='r'这一个td的值 我想的是在 修改那个按钮里加一个 onclick='edit(this)'

求js里edit的代码 ！！！！！！

Answer 1

function edit(){
document.getElementById("r").innerHTML = "你想修改成的内容";
}

追问

我想像上边那样 

这个两行的数据都是数据库调的循环出来的 我想到的是 在修改按钮 加点击事件传个this参数判断是那个按钮点的 但是 剩下的js代码不会了就

追答

如果你是循环添加一行行的数据的话，应该不难判断是哪一行。而你这里要实现的不是单纯的修改页面，而是要修改数据库的数据的话，那么就得用ajax把要修改的内容传值到后台java，然后java编sql操作数据库的update了。不是单纯写js这么简单。

追问

那个我知道了。点击修改按钮 让原来显示内容的地方变成可编辑的状态，然后该里面的数值，怎么才能获取到修改后的那个数值呢？？

追答

在触发保存操作的时候获取就可以了。你修改完以后，不得进行保存吗，所以直接在保存的save方法里面，写document.getElementById("r").value，就得到了修改后的数值啊。

追问

ok 我去试一下