Liste dynamique : suppression d'un élément
Bonjour,
Petit problème : comment supprimer un élément d'une liste connaissant son id
Le code HTML :
Code:
1
2
3
4
5
6
7
|
<ul id="listePersonnes">
<%-- exemple de contenu :
<li val="DUBOIS Paul">» <a href="#">DUBOIS Paul</a></li>
<li val="LENEUF Marcel">» <a href="#">LENEUF Marcel</a></li>
--%>
</ul> |
En fonction de requêtes, la liste est construite dynamiquement avec la fonction Javascript :
Code:
1
2
3
4
5
6
7
8
9
10
|
var listePersonnes = document.getElementById("listePersonnes");
function ajoutPersonne( id, nom, prenom ){
listePersonnes.innerHTML +=
"<li id=" + id + ">" +
"<a href=\"#\" onclick=\"selectionPersonne("+id+"); return false;\">" +
nom + " " + prenom +
"</a>" +
"</li>"
} |
Code:
1
2
3
4
5
|
function suppressionPersonne( id ){
// supprime la personne id= id de la liste affichée
....
} |
Un clic sur un élément de la liste lance la fonction selectionPersonne(id) qui outre la saisie de paramètres, propose un bouton Suppression qui, associé à la fonction suppressionPersonne(id), permet de retirer la personne correspondante de la liste.
Mon problème est que je ne vois pas très bien comment utiliser removeChild() pour effectuer l'opération?
