Discussion :

[nesswaw]

Bonjour,

J'aimerais faire avec un bouton "+" et un bouton "moins", que ça ajoute ou supprime des éléments dans mon formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<script type="text/javascript">
var ul, li, radio, text;
function add()
{
   ul = document.getElementById("lstChoix");
 
   li = document.createElement("li");
   radio = document.createElement("input");
   text = document.createElement("input");
 
   radio.type="radio";
   radio.name="radio";
   radio.value="radio";
 
   text.type="text";
   text.name="text";
 
   ul.appendChild(li);
   li.appendChild(radio);
   li.appendChild(text);
}
 
function del()
{
 
}
</script>
 
<input type="button" value="+" onclick="add()" />
<input type="button" value="-" onclick="del()" />
 
<ul id="lstChoix">
 
</ul>

La fonction add() fonctionne très bien, ça m'ajoute dans ma liste "ul"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><input type="radio" name="radio" value="radio" /><input type="text" name="text" /></li>

maintenant pour la fonction del(), j'aimerais que ça supprime chaque fois la dernière ligne ajouter...faire avec removeChild mais comment ?

Merci d'avance.

Nesswaw

[d-Rek]

Je suis pas sûr mais essaye :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(document.getElementById("lstChoix").childNodes.length>1){
	document.getElementById("lstChoix").removeChild(document.getElementById("lstChoix").lastChild);
	document.getElementById("lstChoix").removeChild(document.getElementById("lstChoix").lastChild);
}

[nesswaw]

Ça fonctionne, merci beaucoup