Форум Сайтостроение Веб-строительство

удаление строчек в JS

J
На сайте с 08.06.2006
Offline
844
joost
509
<script type="text/javascript">
i=0;
function del(id)
{
document.getElementById(id).innerHTML="";
}
function add(id)
{
s = "<div id=2><input type=text name=alternative[] value= size=150 ><a href=javascript:// OnClick=del(2) return false>DEL</a></div>";
document.getElementById(id).innerHTML =s + document.getElementById(id).innerHTML;
}
i++;
</script>

<div id=1>
<br><a href=javascript:// OnClick=add(1) return false>ADD</a>
</div>

при нажатии на ADD появляются новые строчки и напротив каждой ссылка DEL

как сделать так, чтобы по нажатию на DEL удалялась именно та строчка напротив которой нажат DEL ?

C
На сайте с 04.02.2005
Offline
291
Chukcha
#1

element.parentNode.removeChild(element);

J
На сайте с 08.06.2006
Offline
844
joost
#2
<script type="text/javascript">
function del(id)
{
element.parentNode.removeChild(id);
}
function add(id)
{
s = "<div id=2><input type=text name=alternative[] value='' size=150 ><a href=javascript:// OnClick=del(2) return false>DEL</a></div>";
document.getElementById(id).innerHTML =s + document.getElementById(id).innerHTML;
}
</script>

<div id=1>
<br><a href=javascript:// OnClick=add(1) return false>ADD</a>
</div>

так не проходит

C
На сайте с 04.02.2005
Offline
291
Chukcha
#3

так, как Вы написали, работать не будет

Потому что помочь, это не значит сделать за Вас

Я вам подсказал метод удаления объекта - раскручивайте его дальше

J
На сайте с 08.06.2006
Offline
844
joost
#4

как для s = "<div id=2><input type=text name=alternative[] value= size=150 ><a href=javascript:// OnClick=del(2) return false>DEL</a></div>";

сделать, чтобы при каждом добавлении айди дива был уникален?

joost добавил 04.11.2011 в 13:15

вот счас сделал так 

<form action=test.php method=post>



<script type="text/javascript">

i=0;

function add(id) 

{

i++;

s = "<div id="+i+"><input type=text name=alternative[] value='' size=150 ><a href=javascript:// onclick=this.parentNode.parentNode.removeChild(this.parentNode) return false>DEL</a></div>";

document.getElementById(id).innerHTML = s + document.getElementById(id).innerHTML;

}



</script>



<div id=0>

<br><a href=javascript:// OnClick=add(0) return false>ADD</a>

<br><input type=submit value=go>

</div>



</form>

и такая проблема

если добавить одно поле и ввести в него что-то, а потом добавить еще одно, то первое поле очиститься, а нужно, чтобы не очищалось.

Подскажите код no index Как передать значение <select> Как на лету изменить

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий