| |
|
|
| | Здравствуйте.
Есть такой код:
<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=\"item" + items;
newitem+="\" size=\"35\"> <a href=\"#\">удалить</a><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="item1" size="35"> <a href="#">удалить</a><br>
<input type="button" value="Добавить" onClick="AddItem();" ID="add" class="b">
</div>
</form>
</body>
</html>
|
Подскажите, пожалуйста, как сделать так, чтобы при нажатии на ссылку "удалить" - происходило удаление данной строчки?
С уважением. | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(19.05.2009 в 07:36)
| | | Товарищи!
Ну подскажите кто-нибудь! :) | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(20.05.2009 в 11:13)
| | | см. сообщение CNT (23.01.2008 в 13:11) здесь | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(19.05.2009 в 07:36)
| | | <a id='a' onclick="a()">ok</a>
<script>
function a(){
r=document.getElementById('a');
r.parentNode.removeChild(r);
}
</script> | |
| |
|
|
| |
|
|
| |
для: guye
(20.05.2009 в 12:02)
| | | Спасибо!
Допилил, получился вот такой код:
<html>
<head>
<title>Динамическое добавление группы полей по желанию пользователя</title>
<script language="JavaScript">
var items=1;
function AddItem() {
div=document.getElementById("items");
button=document.getElementById("add");
items++;
newitem="<span id=\"a" + items;
newitem+="\"><strong>Описание </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"35\"> <a href=\"#\" onclick=\"a('a"+ items;
newitem+="')\">удалить</a><br></span>";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
function a(x){
r=document.getElementById(x);
r.parentNode.removeChild(r);
items=items-1;
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<span id='a1'>
<strong>Описание</strong> <input type="text" name="item1" size="35"> <a href="#" onclick="a('a1')">удалить</a><br>
</span>
<input type="button" value="Добавить" onClick="AddItem();" ID="add" class="b">
</div>
</form>
</body>
</html>
|
Может, кому понадобится.. :) | |
| |
|
|
