如何将其他字段集附加到 html 表单

Question

示例：假设我们有一个包含 3 个字段的表单：pc、part_id、part_details。有时在添加 pc 时会想在数据库中添加额外的部件，因此 part_id 和 part_details 应该重复（part_id 和 part_details 应该是对应的）。我想要的是将这两个字段附加到表单的最佳方法？

我知道如果您只想复制一个字段，您可以这样命名该字段：

<input type="text" name="part_id[]">

然后我们可以很容易地将帖子数据作为数组获取。但是现在我们复制了多个字段，如果我们在后期使用上述方法，则两个/多个数组将不相关。 http://www.quirksmode.org/dom/domform.html 这里描述的方法似乎不错，但是名称一直在变化的事实也使得使用帖子数据变得复杂。

这里描述了另一种可能的方法Multiple Forms With Input Fields With The Same Name Attribute? Good Or Bad?。它提供了复制整个表单的想法。我不确定我是否理解正确，但是当我尝试将两个相同的表单放在同一个页面中并提交其中一个时，只会提交来自该表单的数据，另一个将被忽略。它也不适合我的场景，因为并非所有字段都应该重复。

那么完成这项复制工作的最佳方法是什么？

Answer 1

您可以使用其他级别的索引：

<input type="text" name="pc" />

<!-- First part -->
<input type="text" name="parts[0][part_id]" />
<input type="text" name="parts[0][part_details]" />

<!-- Duplicate part -->
<input type="text" name="parts[1][part_id]" />
<input type="text" name="parts[1][part_details]" />

<!-- Another duplicate part -->
<input type="text" name="parts[2][part_id]" />
<input type="text" name="parts[2][part_details]" />

每个部分的字段（id 和 details）都可以使用 jQuery 轻松生成。

Answer 2

在您提供的链接中，他们没有复制表单，只是表单内的元素很好。如果您添加的只是单个 PC 的多个部件，那么应该没有问题。这些部分将通过数组索引链接（您可以依赖排序）。

part_id[] 的第一个实例将对应 part_details[] 的第一个实例。这在您的服务器端语言中应该是可区分的。以 PHP 为例，part_details[2] 将对应 part_id[2] 等。