0

この関数は、ユーザーが追加ボタンをクリックすると、div 内の一連のテキスト入力フィールドを複製します。

function addRows(label, maxRows, minRows) {
  $('.add-' + label).live('click', function() {
    if ($("." + label + "-group").length < maxRows) {
      $('#' + label + '-template')
        .clone()
        .removeAttr('id')
        .insertAfter($(this).closest('.' + label + '-group'))
        .find('.minus')
        .show();
    }
  });
}

ユーザーがフィールドに入力して追加ボタンをクリックすると、フィールドの新しい行が表示されますが、ユーザーが前の行に入力した値が入力されます。

この問題を解決する最善の方法は何ですか? その行のインスタンスのすべての入力テキスト フィールドを空にできると考えています。

適切な行をクリアする方法がわかりません。

フィールド名は次のとおりです。first_name[], last_name[], phone[]

したがって、これら 3 つのフィールドを新しい行に複製すると、上記のフィールドと同じ名前になります。

ユーザーが送信すると、各値をループしますfirst_name[], last_name[], phone[]

4

1 に答える 1

3

これを試して、またはval()のような他のメソッドの後に呼び出しますappendToinsertAfter

$('#' + label + '-template').clone().val("")...

http://jsfiddle.net/pnQhh/

于 2012-06-01T17:42:06.400 に答える