【jQuery】送信フォームの項目を追加・削除するサンプル

プログラミング

ボタンをクリックすると


入力欄が追加され、右側に『削除ボタン』が付加されます。
入力欄を削除し、1つになったら、削除ボタンは消えます。


『length』プロパティで入力欄の数を把握し、
『.eq()』メソッドで入力欄のinputタグに固有のname属性を振ります。
これで、送信先でそれぞれの入力欄の値を取り出せます。

応用
汎用的なjQueryプラグインを作りました。
jquery.addInputArea