Javascript从动态表单中复制字段

Javascript to copy fields from dynamic forms

本文关键字：复制 字段 表单 动态 Javascript      更新时间：2023-09-26

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

我使用PHP和CodeIgniter来做到这一点。

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

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

注意它的名字

好吧，我要做的是实现一个按钮，将允许用户"从上一个复制"。我遇到的问题是，我需要前一个和当前表单的名称才能做到这一点。

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

在本例中，为它们指定相同的类并遍历所选元素。

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

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

你可以使用jQuery。

要获得包含name="firstname[]"的输入元素数组，您可以执行以下操作:

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

每次在页面中添加另一个带有name="firstname[]"的输入时，您都需要这样做。

然后可以通过索引访问每个元素，如下所示:

var index = 0;
alert($(firstname_array[index]).val());
相关文章：