Bonjour,
J'ai fais un script permettant d'ajouter dynamiquement un élément à un formulaire et de le supprimer à l'aide d'un bouton.
Cela donne quelque chose comme ça :
Element [Supprimer]
Element [Supprimer]
[Ajouter]
Voici le code HTML :
Et voici le code Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="parentDiv"> <h2>Quel modèle de PC possédez-vous ?</h2> <p id="dynForm"> <input type="text" value="1" name="nomPC" /> <button name="Supprimer" onclick="suppr()">Supprimer</button> </p> <button name="Ajouter" onclick="ajout()">Ajouter </button> <br/> <input type="submit" value="Valider"/> </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 function ajout(){ parentDiv = document.getElementById("parentDiv"); dynForm = document.getElementById("dynForm"); clown = dynForm.cloneNode(true); parentDiv.insertBefore(clown, dynForm); } function suppr(){ parentDiv = document.getElementById("parentDiv"); child = document.getElementById("dynForm"); parentDiv.removeChild(child); }
Lorsqu'on clique sur ajouter, l'élément avec son bouton est bien créé.
Par contre, le problème se pose à la suppression d'un élément.
Comment faire comprendre au script que c'est bien l'élément sur lequel on clique que l'on veut supprimer.
Alors qu'actuellement dans mon code, c'est toujours le premier élément qui est supprimé.
Merci à toutes les bonnes volontés !
Partager