Ajouter / supprimer plusieurs éléments dans un formulaire
Bonjour,
J'aimerais faire avec un bouton "+" et un bouton "moins", que ça ajoute ou supprime des éléments dans mon formulaire
Code:
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:
<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
