Форма с изменяемым количеством полей, проблема с удалением
Здравствуйте уважаемые знатоки 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>
|