1

ユーザーが動的にフィールドを追加できるフォームがあります。

例：

<form>
  <input name="school" type="text" />
  <input name="degree" type="text" />
  <button role="button">Add another school</button>
</form>

ボタンをクリックすると、別の学校と学位の入力をさらに 2 つ追加したいと思います。jQueryで簡単に実行できます。

name新しい属性には何を設定すればよいですか? このフォームを送信する際に、学校と学位のペアが必要です。

4

4 に答える 4

1

それらを配列にすることができます....

<form>
  <input name="school[]" type="text" />
  <input name="degree[]" type="text" />
  <button role="button">Add another school</button>
</form>
于 2013-08-14T02:24:29.833 に答える
1

ペアの数を保存する非表示の入力を使用できます

ボタンをクリックすると、名前の後ろにカウント ex:"school[i]" を付けた新しいペアを追加し、カウントを増やします。

サーバー側では、count 入力を読み取り、0 から count-1 までループしてペアを読み取ります。

このコードを確認してください http://jsfiddle.net/2jdmP/

<form>
  <input name="pair_count" id="pair_count" value="1" type="hidden" />
  <p>
    <input name="school0" type="text" />
    <input name="degree0" type="text" />
  </p>  

  <button role="button" id="add_button">Add another school</button>
</form>

JS

$(document).ready(function(){
    $('#add_button').click(function(){

        var pair_count = $('#pair_count');
        var count = parseInt( pair_count.val() );

        $(this).before(' <p><input name="school'+ count +'" type="text" /> <input name="degree'+count+'" type="text" /> </p>')
        pair_count.val( count+1 );

        return false;
    })
})
于 2013-08-14T02:25:01.507 に答える
0

PHPを使用している場合は、次のことができます

<input name="school[]" type="text" />
<input name="degree[]" type="text" />
于 2013-08-14T02:25:36.980 に答える