Открыть форму входа
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Добавление полей при нажатии на кнопку
maxs_wДата: Четверг, 04.08.2011, 11:11 | Сообщение # 1
Лейтенант


maxs_w
Сообщений: 57
Репутация: 3
Статус: Offline
При нажатии на кнопку, скрипт добавит поле рядом с предыдущим. Количество полей неограниченно.

В 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>


CSG|casper
 
  • Страница 1 из 1
  • 1
Поиск:


Сделать бесплатный сайт с uCoz
Дизайн разработан специально для //skillquality.ucoz.net для индивидуального использования
Администрация ответственности не несет за содержание материала и убытки не возмещает.