克隆表单字段使用以前字段中的值填充

时间:2012-06-01 17:38:51

标签: javascript jquery html forms

当用户点击添加按钮时,此函数克隆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[]

中的每个值

1 个答案:

答案 0 :(得分:3)

尝试此操作,请在val()appendTo

等其他方法之后致电insertAfter
$('#' + label + '-template').clone().val("")...

http://jsfiddle.net/pnQhh/