Добавление полей в форму с помощью JS

Рейтинг: 0Ответов: 1Опубликовано: 23.09.2014

Здравствуйте. Есть код, который добавляет в форму сразу 2 поля. Хочу его немного изменить, чтобы добавлял по одному полю при каждом нажатии кнопки "Добавить". Кроме того, нужно, чтобы параметр name у input увеличивался на единицу у каждого добавленного поля.

<html>
  <head>
    <title>Добавление полей в форму</title>
 <script type="text/javascript">
function addfields() {
document.getElementById('twofields').style.display="block";
}
</script>

  </head>
  <body style="margin-top:140px;">
 <form id="myform">
Имя: <input type="text" />  <br/>
Дата рождения:  <input type="text" /><br/>
Пароль:<input type="password" /><br/>
<input type="button" value="Добавить два поля"/><br/>
<span id="twofields" style="display:none">
Отчество: <input type="text" /> <br/>
Ещё поле:<input type="text" />  <br/>
</span>
<input type="submit" />
 </form>
  </body>
</html>
javascript html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

@Batyabest, теперь более понятно. Смотрите такой вариант. Как я и говорил, вам достаточно будет отправлять все фото массивом.