Главная
JavaScript
Контакты
Услуги
Предмет
Описание
Динамическое добавление группы полей по желанию пользователя
<html> <head> <title>Динамическое добавление группы полей по желанию пользователя</title> <script language="JavaScript"> var items=1; function AddItem() { div=document.getElementById("items"); button=document.getElementById("add"); items++; newitem="<strong>Предмет </strong>"; newitem+="<input type=\"text\" name=\"qty" + items; newitem+="\" size=\"10\"> "; newitem+="<strong>Описание </strong>"; newitem+="<input type=\"text\" name=\"item" + items; newitem+="\" size=\"35\"><br>"; newnode=document.createElement("span"); newnode.innerHTML=newitem; div.insertBefore(newnode,button); } </script> </head> <body> <form name="form1"> <div ID="items"> <strong>Предмет</strong> <input type="text" name="qty1" size="10"> <strong>Описание</strong> <input type="text" name="item1" size="35"> <br> <input type="button" value="Добавить" onClick="AddItem();" ID="add" class="b"> </div> </form> </body> </html>
Дизайн
Scriptic
.