Javascript从动态表单中复制字段

Question

我正在建立一个网站，允许用户一次注册许多人。用户选择他们想要注册的人数，然后下一页填充那么多表格。

我正在使用PHP和CodeIgniter来执行此操作。

例如，假设有3个人正在注册，我正在为每个人收集名字。我做的是循环这3次：

<input type="text" name="firstName[]" value="" maxlength="50" class="text small"  />

注意它的名称。

好吧，我要做的是实现一个允许用户“从上一个文件复制”的按钮。我遇到的麻烦是我需要先前和当前表单的名称才能执行此操作。

当我保存数据时，我可以通过索引访问它。有没有办法用javascript做到这一点？

Answer 1

在这种情况下，给它们所有相同的类并遍历所选元素。

http://jsfiddle.net/Hwdxg/1/

$('input.fields').each(function(){
     $('body').append("<input value='"+$(this).val()+"'>");
});

Answer 2

您可以使用jQuery执行此操作。

要获得name="firstname[]"的输入元素数组，您可以这样做：

var firstname_array = $('input[name="firstname[]"]');

每次向页面添加name="firstname[]"的其他输入时，您都需要这样做。

然后你可以通过像这样的索引访问每个元素：

var index = 0;
alert($(firstname_array[index]).val());