javascript - 克隆表单字段由先前字段的值填充

Question

当用户单击添加按钮时，此函数会在 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[]

因此，当它将这三个字段克隆到新行时，它们将与上面的字段具有相同的名称。

当用户提交时，我将遍历每个值first_name[], last_name[], phone[]

Answer 1

试试这个，调用val()其他方法，如appendTo或insertAfter

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

http://jsfiddle.net/pnQhh/