このような HTML 構造があるとします。それぞれの left-context-field と right-context-field は関連しており、バックエンドで left をその右の同僚にリンクできる必要があります。
<table>
<tbody>
<tr>
<td>
<input type="text" class="left-context-field" value="First left value">
</td>
<td>
<input type="text" class="right-context-field" value="First right value">
</td>
</tr>
<tr>
<td>
<input type="text" class="left-context-field" value="Second left value">
</td>
<td>
<input type="text" class="right-context-field" value="Second right value">
</td>
</tr>
<tr>
<td>
<input type="text" class="left-context-field" value="Third left value">
</td>
<td>
<input type="text" class="right-context-field" value="Third right value">
</td>
</tr>
<tr>
<td>
<input type="text" class="left-context-field" value="Fourth left value">
</td>
<td>
<input type="text" class="right-context-field" value="Fourth right value">
</td>
</tr>
</tbody>
</table>
ユーザーは好きなだけ行を追加できます。値を PHP ファイルに投稿するにはどうすればよいですか?
すべての行を 1 つの巨大なフォームにラップしてから呼び出す必要があり.serializeArray()
ますか? それとも行ごとに 1 つのフォームですか?
データ指向のアプローチから、これに対処する最善の方法は何ですか? データをバックエンドに送信しますが、バックエンド開発者がデータにできるだけ簡単にアクセスできるようにしたいと考えています。