以下是一个示例代码,演示如何使用表单提交删除行:
HTML代码:
删除行示例
在上面的示例中,我们创建了一个包含一个表格和一个提交按钮的表单。每一行都有一个“删除”按钮,当按钮被点击时,将删除相应的行。
删除行的逻辑在deleteRow
函数中实现。该函数获取要删除的行的引用,然后从表格中移除该行。
另外,我们还使用addEventListener
方法来在表单提交时阻止默认行为(即提交到服务器),以便可以添加其他处理逻辑,例如将表格数据发送到服务器。
上一篇:表单提交期间禁用按钮