Главная » 2011 » Май » 25 » Добавление полей при нажатии на кнопку (Javascript)
25.05.2011, 13:05

Добавление полей при нажатии на кнопку





При нажатии на кнопку, скрипт добавит поле рядом с предыдущим. Количество полей неограниченно.

В head вставляем это:

Code
<script language="javascript">
var items=1;
function AddItem() {
  div=document.getElementById("items");
  button=document.getElementById("add");
  items++;
  newitem="<strong>Поле " + items + ": </strong>";
  newitem+="<input type=\"text\" name=\"item" + items;
  newitem+="\" size=\"45\"><br>";
  newnode=document.createElement("span");
  newnode.innerHTML=newitem;
  div.insertBefore(newnode,button);
}
</script>


Ну, а в body прописываем саму форму:

Code
<form name="form1">
<div ID="items">
<strong>Поле 1: </strong><input type="text" name="item1" size="45"><br>
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add">
</div>
</form>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2779 | Добавил: antisept | Рейтинг: 3.0/5 |
Теги: Добавление, нажатии, При, полей, кнопку, На
Всего комментариев: 2
0  
1 sold93 -Infoscript Team-  (25.05.2011 13:59) [Материал]
Аватар пользователя
это для форм добавления материалов или куда?

0  
2 antisept -Infoscript Team-  (25.05.2011 14:16) [Материал]
Аватар пользователя
Это просто пример на javascript.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]