Как организовать ввод и вывод информации из текстового поля в javascript?

Question

[parkito]

Здравствуйте. Подскажите, пожалуйста, как организовать следующую задумку. JS только начал осваивать, но работающий экземпляр нужен сейчас.

Нужно текстовое поле, каждая введенная строка, которой попадала бы в массив.
Это простая трактовка и ее работы мне было бы вполне достаточно.
Расширенная выглядит так. Есть вот такое поле <input type="text" name="fname" required>
А рядом с ним крестик. При нажатии на него, появляется еще такое поле и вконце работы содержимое этих полей созраняется в массив.

Буду благодарен любой помощи.

Comments

[OVK2015]

Не понятно зачем вам 2-ое поле нужно? Массив всего из 2-ух эл-ов состоять будет. При каких действиях пользователя содержимое будет добавляться в массив?

[parkito]

Задумка такая, чтобы пользователь вводил в новые тестовые формы новые элементы. А потом содержимое этих полей вводилось в 1н массив.

Answer 1

[lega]

jsfiddle.net/lega911/7eozjym1

Comments

[parkito]

Отлично! То что нужно. А как теперь считать информацию из каждого?

[lega]

parkito: как вариант jsfiddle.net/lega911/nw8fy9y0

Answer 2

[Глюкъ Виртуален]

При нажатии на "крестик" (на самом деле на "плюс" наверное?) сделайте нечто подобное внутри формы:

var x = document.createElement("INPUT");
    x.setAttribute("type", "text");
    x.setAttribute("name", "__NAME__")
    document.body.appendChild(x);

Организуйте каким-то образом присвоение __NAME__ всем инпутам.
Затем просто отправьте эту форму куда требуется, на принимающей стороне организуйте прием всех инпутов как обычно.