在表格中添加或删除单个列

时间:2012-07-05 11:20:56

标签: javascript jquery html

我目前正在编写一个脚本,用户需要将数据添加到表中,但是他可以使用添加按钮添加另一列,这需要在每一行上完成。此外,当您将鼠标悬停在每一位信息上时,我需要一个删除按钮,该按钮会出现在每个信息旁边。

当我有一个静态表时,每行上有两列,如下所示......

<table>
    <tr>
        <td>Row1 Column1</td>
        <td><input type="text" name="val2">Row2 Column1</input>//Remove btn on mouseover</td>
    </tr>//Add btn
    <tr>
        <td>Row1 Column2</td>
        <td><input type="text" name="val2">Row2 Column2</input>//Remove btn on mouseover</td>//Add btn
    </tr>
</table>

我需要动态添加和/或删除每个项目,Javascript或jQuery?

你知道任何有助于此的教程吗?

我的Javascript和jQuery知识几乎无效,因为我在一年多的时间里没有看过它。

1 个答案:

答案 0 :(得分:2)

http://www.mredkj.com/tutorials/tableaddcolumn.html

然后使用jquery将信息发布到您的服务器和一个php处理程序来处理信息并保存。