javascript - 使表单动态化？

Question

我有一个创建多个文本框的 foreach 循环，并且我有一个提交按钮。点击提交后，我希望将所有数据发送到 Controller 。

{{ Form::open(array('route' => 'shift.startdata_post', 'class' => 'form-horizontal')) }}    
    <tbody>
        <td> {{ $game->name }} (Serial Number: {{ $game->serial }})</td>
        <td> {{ Form::text('cash', null, array('autofocus' => 'autofocus', 'placeholder' => 'Amount in till')) }} </td>
        <td> {{ Form::text('unsold', null, array('placeholder' => 'Amount of unsold tickets')) }} </td>
    </tbody>    
@endif

这是它的样子:

现在它只发送最后两个文本框并忽略前两个。我如何让它发送所有文本框。

有没有人有什么想法？

Answer 1

输入字段必须具有唯一的 name 值。看起来您在每次迭代中都使用了相同的 name 值。

例如:

<input type="text" name="yourName"><br>
<input type="text" name="yourAge"><br>
<br>
<input type="text" name="yourName"><br>
<input type="text" name="yourAge"><br>

在此示例中，将仅使用最后两个输入字段。当有多个相同名称的输入字段时，最后一个优先。

为了修复您的表单，您必须使名称 唯一。附加一个数字是一种方式，例如

<input type="text" name="yourName-1"><br>
<input type="text" name="yourAge-1"><br>
<br>
<input type="text" name="yourName-2"><br>
<input type="text" name="yourAge-2"><br>

另一种方法是使用多维数组，如下所示:

<input type="text" name="person[1][name]"><br>
<input type="text" name="person[1][age]"><br>
<br>
<input type="text" name="person[2][name]"><br>
<input type="text" name="person[2][age]"><br>