Html 对表的一行或多行执行操作
我得到了一个表,每行都有数据库记录的一些列。这些列中的每一列都是可编辑的,并且可以对记录执行多个操作。这在HTML中很容易做到,只需以单独的形式包装每一行 但是,也可以对复选框选择的多行执行操作Html 对表的一行或多行执行操作,html,Html,我得到了一个表,每行都有数据库记录的一些列。这些列中的每一列都是可编辑的,并且可以对记录执行多个操作。这在HTML中很容易做到,只需以单独的形式包装每一行 但是,也可以对复选框选择的多行执行操作 使用HTML(最好不使用js)在同一个表中允许这些单行操作(最好不提交所有其他行)和多行操作的最佳方式是什么?最佳方式是只使用一个表单,而不是对每个记录使用数组,其中第一个坐标是数据库中的项目ID,如下所示: <input type="checkbox" name="id[2]" /> &
使用HTML(最好不使用js)在同一个表中允许这些单行操作(最好不提交所有其他行)和多行操作的最佳方式是什么?最佳方式是只使用一个表单,而不是对每个记录使用数组,其中第一个坐标是数据库中的项目ID,如下所示:
<input type="checkbox" name="id[2]" />
<input type="text" name="column1[2]" />
<input type="text" name="column2[2]" />
稍后,您可以发布表单,或者序列化表单并使用ajax。如果不想使用复选框,而是想动态更改值,请删除它们(复选框)并插入带有旧值的隐藏字段(以便进行比较)。要检测使用了哪个提交按钮,请查看以下内容:
- 使用单个
元素包装整个表 - 当按下任何一个操作按钮时,使用JavaScript阻止默认操作,并动态构造
(基于按下的按钮)并通过Ajax提交FormData
- 回退(即如果JavaScript执行失败)提交整个表。在服务器端,检测此案例并提取相关数据,然后正常进行(如通过Ajax提交)