Javascript для копирования полей из динамических форм

Question

Я создаю веб-сайт, который позволит пользователю одновременно регистрировать множество людей для чего-то. Пользователь выбирает количество людей, которых он хочет зарегистрировать, а затем на следующей странице заполняется столько форм.

Я использую PHP и CodeIgniter для этого.

Например, предположим, что здесь зарегистрировано 3 человека, и я собираю имя для каждого человека. То, что я делаю, это цикл 3 раза:

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

Обратите внимание на название.

Хорошо, я пытаюсь реализовать кнопку, которая позволит пользователю «Копировать из предыдущего». Проблема, с которой я сталкиваюсь, состоит в том, что мне нужно имя предыдущей и текущей формы, чтобы сделать это.

На обороте, когда я сохраняю данные, я могу получить к ним доступ через индекс. Есть ли способ сделать это с помощью JavaScript?

Answer 1

Вы можете сделать это, используя jQuery.

Чтобы получить массив входных элементов с name="firstname[]", вы можете сделать:

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

Вам нужно будет делать это каждый раз, когда вы добавляете на страницу еще один ввод с name="firstname[]".

Тогда вы можете получить доступ к каждому элементу через индекс, например:

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

Answer 2

В этом случае присвойте им один и тот же класс и переберите все выбранные элементы.

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

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