Launcher
Меню по категориям
Личный кабинет
Регистрация Вход
logo  
RSS news bestarchive
™

Выберите раздел
» »
Добавление полей при нажатии на кнопку
14.12.2011, 22:38

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

Между < head> и < /head> вставляем данный код:
Код:
<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 прописываем саму форму:
Код:
<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>

+3

Ссылки на материал:



Похожие материалы:



| Категория: | Добавил: Dzheykey | Теги: Добавление полей, скрипты, при нажатии на кнопку
Просмотров: 1775 | Загрузок: | Рейтинг: 5.0/3
Написать комментарий: 0
Добавлять комментарии могут только зарегистрированные пользователи. Регистрация | Вход
 bestarchive

Язык/Lang


Архив записей

Все

Юзеры

Гости

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Контакты/Contact

Связь с администратором

Друзья сайта

I Love Pink Floyd

Топ пользователей

Именинники


На bestarchive