点"编辑"后该行的内容都变成在编辑框里面 这个功能怎么实现？

Question

你点击"编辑"后弹出div在div上显示该行内容,之后编辑.最后隐藏div不行么

Answer 1

<table>
<tr>
<td id="td1">11</td>
<td><a href=http://www.csdn.net">CSDN</a></td>
<td><a href="javascript:edit()">编辑</a></td>
</tr>
</table>
<script language="javascript">
function edit()
{
var cell = document.getElementById('td1');
var v = cell.innerHTML;
cell.innerHTML = '<input type="text" name="text1" id="text1">';
document.getElementById('text1').value = v;
}
</script>///////////////////////////////<form name="fedit" method="post" action="plugin.php?paction=edit">
<table>
<tr>
<td>
<input name="uid" type="text" id="uid" size="5" maxlength="255" value="11"/>
</td>
<td>
<input name="editname" type="text" id="editname" size="30" maxlength="45" value="CSDN"/>
</td>
<td>
<input name="urledit" type="text" id="urledit" value="http://www.csdn.net" size="60" maxlength="255" />
<input type="submit" name="Submit" value="提交" />
</td>
</tr>
</table>
</form>

Answer 2

<tr>
    <td id="tdID">11</td>    //设置该单元格的第id为tdID
    <td><a href=http://www.csdn.net">CSDN</a></td>
    <td><a href="javascript:edit()">编辑</a></td>
</tr>
以下为js
<script>
<!--
function edit()
{
tdID.innerTHML="<input type='text' value='11'/>";
}
//-->