ユーザーが入力する入力フィールドのこのテーブルがあります。ご覧のとおり、2 組のフィールドがあり、横に 4 列、長さが最小で 5 行あり、必要に応じて行を動的に追加できます。フォームが送信されたときに入力フィールドを正しくグループ化できるように、入力フィールドに名前を付ける方法に苦労しています。行などのさまざまなバリエーションを試しましたが、まったく正しく機能するものはありません。各ペアを一緒に配列にしたい、つまり
[0] -> drum - value
[0] -> size - value
[1] -> drum - value
[1] -> size - value
これが私が今持っているテーブルです。本当にありがとうございました。
<table id="drumInformation">
<tr>
<th colspan="9"><p>D R U M I N F O R M A T I O N – Drum Number(s) / Liter(s) or Gallon(s) Used</p>
<p> If some or all of your drum numbers fall in consecutive order, please feel free to use the
"series" method shown below to avoid typing each drum number individually and to save you valuable time.</p>
<p>Example:<br/>
10001, 10002, 10003, 10004, 10005, 10006 or 10001 - 10006</p>
</th>
</tr>
<tr class="labelRow">
<td class="label">
<label>Drum No.</label>
</td>
<td class="label">
<label><span class="euro">Liters</span><span class="domestic">Gallons</span></label>
</td>
<td class="label">
<label>Drum No.</label>
</td>
<td class="label">
<label><span class="euro">Liters</span><span class="domestic">Gallons</span></label>
</td>
<td class="label">
<label>Drum No.</label>
</td>
<td class="label">
<label><span class="euro">Liters</span><span class="domestic">Gallons</span></label>
</td>
<td class="label">
<label>Drum No.</label>
</td>
<td class="label">
<label><span class="euro">Liters</span><span class="domestic">Gallons</span></label>
</td>
</tr>
<tr>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td class="remove"></td>
</tr>
<tr>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td class="remove"></td>
</tr>
<tr>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td class="remove"></td>
</tr>
<tr>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td class="remove"></td>
</tr>
<tr>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td>
<input name="row[][drumNumber][]">
</td>
<td>
<input name="row[][gallons][]">
</td>
<td class="remove"><img src="/forms/assets/img/Plus-32.png" class="addRow"></td>
</tr>
</table>