[DOM] Select : Optgroup et Options

Bonjour,

j'essaie de gérer un select dynamique contenant des Optgroup.

Pour ajouter un Option, je fais :

Code:

---

1 2 3 4

var loption = document.createElement("option" ); loption.setAttribute('value','ma valeur'); loption.appendChild(document.createTextNode('mon texte à afficher')); opg.appendChild(loption);

---

opg étant l'OPTGROUP auquel je veux rajouter un element


ca marche mais mon option sera toujours ajouté à la fin de mon groupe.
Comment faire pour insérer mon option à un endroit précis ?

merci

Code:

---

1 2	var mon_option = new Option(value, text, defaultSelected, selected); opg.insertBefore(opg.options[option_avant_laquelle_ajouter],mon_option);

---

merci pour vos réponses.
J'ai trouvé autre chose.

Je n'aime pas trop le

Code:

---

new Option

---

(est-ce conforme au dernier DOM ??)


alors je fais comme ca

Code:

---

1 2 3 4 5 6 7 8 9

var loption = document.createElement("option" ); loption.setAttribute('value','MA VALEUR'); loption.appendChild(document.createTextNode('MON TEXTE'));   // on cherche l'option avant laquelle insérer .... on la recupere dans 'loptiondapres' //on a également (optionnel) récupéré l'OPTGROUP dans lequel insérer notre Option dans 'opg_dst'   opg_dst.insertBefore(loption, loptiondapres);

---

si ca peut aider qqn