Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 对表的一行或多行执行操作_Html - Fatal编程技术网

Html 对表的一行或多行执行操作

Html 对表的一行或多行执行操作,html,Html,我得到了一个表,每行都有数据库记录的一些列。这些列中的每一列都是可编辑的,并且可以对记录执行多个操作。这在HTML中很容易做到,只需以单独的形式包装每一行 但是,也可以对复选框选择的多行执行操作 使用HTML(最好不使用js)在同一个表中允许这些单行操作(最好不提交所有其他行)和多行操作的最佳方式是什么?最佳方式是只使用一个表单,而不是对每个记录使用数组,其中第一个坐标是数据库中的项目ID,如下所示: <input type="checkbox" name="id[2]" /> &

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

但是,也可以对复选框选择的多行执行操作


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

最佳方式是只使用一个表单,而不是对每个记录使用数组,其中第一个坐标是数据库中的项目ID,如下所示:

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

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

  • 使用单个
    元素包装整个表
  • 当按下任何一个操作按钮时,使用JavaScript阻止默认操作,并动态构造
    FormData
    (基于按下的按钮)并通过Ajax提交
  • 回退(即如果JavaScript执行失败)提交整个表。在服务器端,检测此案例并提取相关数据,然后正常进行(如通过Ajax提交)

请说明如果否决投票,我如何改进问题。我试着尽可能好地演示它。从“到jsfiddle.net的链接必须附带代码”开始。所有相关的代码都应该包含在问题本身中。