可以通过以下步骤实现:
以下是一个示例代码,演示如何从第二个表单中删除列表中的数据:
<!DOCTYPE html>
<html>
<head>
<title>删除表单数据</title>
</head>
<body>
<form id="form2">
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td><button onclick="deleteRow(this)">删除</button></td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td><button onclick="deleteRow(this)">删除</button></td>
</tr>
<tr>
<td>王五</td>
<td>35</td>
<td><button onclick="deleteRow(this)">删除</button></td>
</tr>
</table>
</form>
<script>
function deleteRow(button) {
var row = button.parentNode.parentNode;
row.remove();
}
</script>
</body>
</html>
在上述示例中,我们使用了JavaScript的remove()方法来删除表单中的行。当点击"删除"按钮时,会调用deleteRow()函数,并将按钮作为参数传递给该函数。函数中的parentNode属性用于获取按钮的父节点,即行元素。然后,使用remove()方法将该行从DOM中删除。
请注意,上述示例仅演示了如何从前端删除表单中的数据。如果需要将删除的数据保存到后端服务器或数据库中,还需要使用适当的后端技术来处理数据。
云+社区沙龙online[数据工匠]
云+社区沙龙online [技术应变力]
云+社区沙龙online [国产数据库]
小程序·云开发官方直播课(数据库方向)
云+社区技术沙龙[第7期]
领取专属 10元无门槛券
手把手带您无忧上云