だから私はこのフォームを持っています:
<form id="stepform" action="#" method="post">
<fieldset>
<legend>Step #1</legend>
<label>Title</label>
<input type="hidden" name="csrf_modo" value="b94961394f8e6f7efaa4e37ca9007822">
<input type="text" name="field[]" class="input-xlarge">
<label>Body</label>
<textarea class="input-xlarge" name="field[]"></textarea>
</fieldset>
</form>
ユーザーがボタンをクリックすると、jquery は別の 2 つのまったく同じフィールドを動的に追加します。
count = 2;
$("#addstep").click(function(){
$('#stepform').append('<legend>Step #' + (count++) + '</legend>');
$('#stepform').append('<label>Title</label><input type="text" name="field[]" class="input-xlarge">');
$('#stepform').append('<label>Body</label><textarea class="input-xlarge" name="field[]"></textarea>');
$('#addstep').scrollintoview();
return false;
});
ご覧のとおり、1 つのステップに 2 つのフィールドがあり、ユーザーがボタンをクリックするとステップがインクリメントされ、そのステップに別の 2 つのフィールドが追加されます。その後、ajax リクエストを介してコントローラーにデータを送信します。今、私はすべてのステップで新しい行を挿入する必要がある実際のクエリにこだわっています。どうすればこれを達成できますか?
ところで、私はcodeigniterを使用しており、それはバインドクエリです:
$this->db->query($sql, $data);