選択ドロップダウンフィールドを備えたこのフォームがあります。そして、jQuery を使用して、ユーザーがクローン機能を介して選択ドロップダウンを追加できるようにしています。しかし、この動的なコンテキストのために、PHP を介してフォームを保存するロジックを適切にコーディングするにはどうすればよいでしょうか?
HTML
<form action="process.php" method="post">
<div class="row">
<select name="items">
<option value="box1">Box 1</option>
<option value="box2">Box 2</option>
</select>
<input type="text" name="text" value="" />
</div>
<input type="submit" name="submit" value="submit" />
</form>
<a href="#" class="add">ADD</a>
JS
$( 'a.add' ).click( function() {
var clone = $( 'form .row:first-child' ).clone( true );
$( clone ).appendTo( 'form' );
} );
PHP
if ( isset( $_POST ) && $_POST['submit'] === 'submit' ) {
$items = mysql_real_escape_string( $_POST['items'] );
$text = mysql_real_escape_string( $_POST['text'] );
if ( isset( $items ) )
// do save db routine
if ( isset( $text ) )
// do save db routine
}
したがって、上記のPHPコードを見ると、動的アイテムが追加される前の通常のフォームであり、正常に動作します...しかし、動的要素が追加された場合にこれを変更する方法に迷っています。
各選択と入力は一緒に属さなければならないことに注意してください。
ご覧いただきありがとうございます。