[DOM] Ajouter/supprimer des entrées d'une liste déroulante

Bonjour,

Je rencontre un petit problème et ne trouvant pas la réponse à ma question dans les anciens posts, je m'adresse à vous :)

Je possède une liste déroulante et un ensemble de boutons. Chaque bouton correspond à une entrée de cette liste et j'aimerai donc pouvoir ajouter / supprimer des entrées de cette liste...

Il suffirait donc d'ajouter/supprimer des lignes du style :

Code:

---

<option value="xxx"> Blablabla </option>

---

Mon problème et que je ne sais pas modifier la structure d'une page HTML. En effet jusqu'à présent, je ne touchais qu'aux valeurs des attributs (comme "value" ou "src" par exemple).

Je pense que ce que je cherche à faire nécessite des connaissance en DOM, partie assez obscure pour moi qui ai commencé le javascript il y'a un mois tout juste :(

Si qu'elqu'un pouvait éclairer ma lanterne...

Merci d'avance !

Un exemple sera plus parlant :

Code:

---

1 2 3 4 5 6 7

<select id="maListeDeroulante"> <option id="elem1">Element 1</option> <option id="elem2">Element 2</option> <option id="elem3">Element 3</option> <option id="elem4">Element 4</option> </select>

---

Pour supprimer le 2ème élément :

Code:

---

1 2 3 4

var maListe = document.getElementById('maListeDeroulante'); var oldElement = document.getElementById("elem2"); maListe.removeChild(oldElement);

---

Merci, exactement ce que je voulais !

Je suppose qu'il existe une fonction addChild() qui va bien pour ajouter un élément :D

Merci beaucoup !