Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Форма с изменяемым количеством полей, проблема с удалением (https://javascript.ru/forum/dom-window/53947-forma-s-izmenyaemym-kolichestvom-polejj-problema-s-udaleniem.html)

rarog 25.02.2015 11:35

Форма с изменяемым количеством полей, проблема с удалением
 
Здравствуйте уважаемые знатоки JS у меня возникла проблема которую я не могу решить, есть вот такой код который приведен ниже, суть его в том что по нажатию на кнопку "Добавить поле"добавляется новое поле для ввода, у меня вопрос, как можно удалить лишнее поле , сделать кнопку "Удалить поле просто", а вот функцию удаления я сделать немогу, нехватает знаний ((.
код:
<html>
<head>
<title>Динамическое добавление поля по желанию пользователя.</title>
<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>
</head>
<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>
</body>
</html>

ksa 25.02.2015 11:52

Цитата:

Сообщение от rarog
а вот функцию удаления я сделать немогу, нехватает знаний

Черпай их из источника! :D
http://www.fpublisher.ru/documentati...s#hremovechild


Часовой пояс GMT +3, время: 00:54.