对单行或多行表执行操作

Question

我有一个表，每行都有一些数据库记录列。这些列中的每一列都是可编辑的，并且可以对记录执行多个操作。这在HTML中很容易做到，只需将每一行包装在一个单独的表单中。

但是，也应该可以对复选框选择的多行执行操作。

使用HTML（最好不使用js）允许这些单行操作（最好不提交所有其他行）和多行操作在同一个表中的最佳方法是什么？

Answer 1

最好的方法是只使用一个表单，而不是每个记录使用一个数组，其中第一个坐标是数据库中的项目ID，如下所示：

<input type="checkbox" name="id[2]" />
<input type="text" name="column1[2]" />
<input type="text" name="column2[2]" />

稍后您可以发布表单，或序列化它并使用ajax。如果您不想使用复选框，但要动态更改值，请删除它们（复选框）并插入带有旧值的隐藏字段（以便您可以进行比较）。要检测使用了哪个提交按钮，请查看here

Answer 2

怎么样：

• 拥有一个包裹整个表格的<form>元素。
• 当按下任何操作按钮时，使用JavaScript来阻止默认操作并动态构建FormData（基于按下的按钮）并通过Ajax提交。
• 后备（即如果JavaScript执行失败）提交整个表。在服务器端，检测这种情况并提取相关数据，然后正常进行（如果通过Ajax提交）。