如何在 HTML 表单中创建一组项目的数组

Question

我正在尝试按照以下内容创建一个表单（我知道这不是有效的 HTML，但它希望能说明我尝试这样做的内容和原因）：

<form method="post" action="test.php">
    <input type="text" name="teamName">
    <br />Players:
    <grouping name="players[]">
        <input type="text" name="firstName"><br />
        <input type="text" name="lastName"><br />
    </grouping>
    <input type="submit" value="submit">
</form>

通过 javascript，我会根据需要多次添加分组元素。提交表单后，我可以访问分组元素中的项目，如下所示：

foreach ($players as $player) {
    $fName = $player->firstName;
    $lName = $player->lastName;
}

也就是说，在我开始之前，我不知道球队会有多少球员，但我知道球员长什么样。我想将这一切都保留在一个屏幕上，以便用户可以在一个页面上将球员添加到他们的团队中，并且我希望能够将字段分组添加为一个组。但是，我还希望将该分组存储为数组，而不是执行以下操作：

<form method="post" action="test.php">
    <input type="text" name="teamName">
    <br />Players:
    <input type="text" name="firstName[]"><br />
    <input type="text" name="lastName[]"><br />
    <input type="submit" value="submit">
</form>

这意味着我可以遍历分组中的各个元素，但不能遍历整个分组。

我有什么想法可以做到这一点吗？

Answer 1

不过，看看您的结构，我建议您使用更健壮的数组结构：

foreach ($players as $i => $player) {
    $fName = $player->firstName;
    $lName = $player->lastName;

    echo '<input type="text" name="players['.$i.'][firstName]" value="'.$fName.'" />';
    echo '<input type="text" name="players['.$i.'][lastName]" value="'.$lName .'" />';

}

提交后，您将获得：

players => Array(
  [0] => Array (
    firstName => a name,
    lastName => another name,
  ),
  [1] => Array (
    firstName => a name,
    lastName => another name,
  ),
etc...
)

或者，您可以在最后一个输入字段中执行递增的 $i++，而不是在 foreach 语句中生成 $i，但我发现出于调试目的，通常很高兴知道您使用原始数组中的哪个索引。

我在您的问题示例中推荐这种方法，因为它还允许您通过 $_POST['players'] 进行计数/迭代

希望对你有帮助

Answer 2

这听起来像是一份工作：<fieldset>

将您的 <input> 元素包装在 <fieldset> 元素中，并可能为该字段集提供一个 ID、一些类或您想要的任何内容。

然后确保输入名称使用正确的数组结构：

players[NUMBER][firstName] 和 players[NUMBER][lastName] 应该可以正常工作（NUMBER 当然会被索引替换）。

不要忘记为您的<input> 元素提供<label> 以方便访问。 给<fieldset> 一个<legend> 也是一个好主意。

Answer 3

解决这个问题的多种方法：

1) 在循环之外创建一个计数器$i = 0，在循环内部创建一个$i++。而不是命名firstName[] 使用firstName[<?php echo $i; ?>]

2) 如果它实际上只是第一个和第二个名称 - 您可以使用单个 <input> 然后在 php 中解析它。

祝你好运