OptionGroup

Bonjour,

Je dispose d'une liste déroulante dans laquelle se trouve 3 optionGroup.
Je dispose également d'une autre liste déroulante ou sont stockées des années. lors du changement d'années, il faut que je refraichissent la liste déroulante ou se trouve les optionsgroup. J'ai trouver comment écrire dans la liste mais je ne vois pas comment lui dire d'écrire dans tel ou tel optiongroup.

Si vous quelqu'un pouvez me donner un coup de main

voici mon code qui me sert à écrire dans la liste

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function majVersion(list){ lst=document.getElementById('changeversion'); lst.length=0; if(year[list.value].version.length > 0){ for(y in year[list.value].version){ var o=new Option(year[list.value].version[y].name,year[list.value].version[y].id); if(year[list.value].version[y].active){ o.style.color='red'; }else{ if(year[list.value].version[y].simul){ o.style.color='blue'; } else o.style.color='black'; } lst.options[lst.options.length]=o; } } }

---

Par avance merci

Mic

essayes de mettre un id a ton optgroup, tu le recupère avec un getElementById et ensuite un appendChild de ton option.

voila se que je réalise mais lst.length ou lst.options.length affiche undefined

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<select id="toto" name="toto"> <optgroup label="test1" id="budget"> <option value="1">Tets 1</option> </optgroup> <optgroup label="test2"> <option value="2">Tets 2</option> </optgroup> </select> <script type="text/javascript">   lst=document.getElementById('budget'); lst.length=0;   </script>

---

Code:

---

1 2 3 4 5

lst=document.getElementById('budget'); op = document.createElement("option"); op.text = 'toto'; op.value = '1'; lst.appendChild(op);

---

EDIT

remplaces

Code:

---

op.text = 'toto';

---

par

Code:

---

op.appendChild(document.createTextNode('toto'));

---

car dans ie je viens de voir que ca marche pas tres bien sinon ;)

Ok merci ça marche.

Par contre je fais comment pour les supprimer après ? car dans mon cas en 2005 j'ai des eléments qu'il ne seront pas en 2006 par exemple

j'ai essayer ça mais ça na pas l'air de fonctionner

Code:

---

1 2 3

for(var i=0;i<lst.childNodes.length;i++) lst.removeChild(i);

---

Code:

---

lst.removeChild(lst.childNodes[i]);

---

mais fais gaffe car en enlevant les elements, le length sera réactualisé.

Fais plutot un :

Code:

---

1 2	while(lst.childNodes.length > 0) lst.removeChild(lst.firstChild());

---

ca te la videra

ok merci,

je suis arrivé a supprimé en passant par la

Code:

---

1 2 3 4 5

for(var i=0;i<lst.childNodes.length;i++){ var noeud=lst.firstChild; lst.removeChild(noeud); }

---

je vais prendre le tiens, il me semble beaucoup mieux

Encore merci pour ton aide

Mic