Discussion :

[Zakapatul]

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 :

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

<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 !

[titfab]

Un exemple sera plus parlant :

Code :

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

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 :

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

1
2
3
4
var maListe = document.getElementById('maListeDeroulante');
var oldElement = document.getElementById("elem2");
maListe.removeChild(oldElement);

[Zakapatul]

Merci, exactement ce que je voulais !

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

Merci beaucoup !