Pb de liste déroulante dynamique

Bonsoir/bonjour tout le monde !

Voilà, dans mon code html j'ai cela :

Code:

---

1 2 3 4

<script language="JavaScript" > chargement(); </script>

---

et voilà le code de ma fonction chargement();

Code:

---

1 2 3 4 5 6 7 8 9

function chargement() {   if(document.getElementById("idListeRubriques").selectedIndex == 2) { document.write("<select name=Annee id=idAnnee > <? echo $Opt;></select>"); }else if (document.getElementById("idListeRubriques").selectedIndex == 4){ document.write("<select name=Annee id=idAnnee > <? echo $OptSR2; ?></select>"); } } }

---

En gros j'ai deux liste, si on sélectionne la 2ème ligne alors la 2ème liste aura les valeurs de la variable $Opt, si on sélectionne là 4ème ligne alors ce sera les valeurs de la variable $OptRS2.

Le problème c'est que l'appel de la fonction n'est pas dynamique, au lancement de la page il n'y a rien à afficher car la première liste n'a pas été sélectionner...

Comment je pourrais rendre cela dynamique ? J'ai été voir la faq du site à ce sujet mais je dois utiliser des listes dont les valeurs viennent de PHP..

D'avance un énorme merci car j'ai passé tout mon dimanche dessus et je bloc...

En espérant vous rendre l'ascenceur un jour, bonne semaine !!

Salut,

En fait je pense que tu devrais plutôt mettre ta deuxième liste dans un div, et quand tu change ta valeur dans la premiere liste et bien tu réécris tout le contenu de ton div!!

Ta fonction chargement deviendrais donc :

Code:

---

1 2 3 4 5 6 7 8 9

function chargement() {   if(document.getElementById("idListeRubriques").selectedIndex == 2) { document.getElementById("mondivdema2emeliste").innerHTML = "<select name=Annee id=idAnnee > <? echo $Opt;></select>"; }else if (document.getElementById("idListeRubriques").selectedIndex == 4){ document.getElementById("mondivdema2emeliste").innerHTML = "<select name=Annee id=idAnnee > <? echo $OptSR2; ?></select>"; } } }

---

Salut stanford et merci infiniment pour ta réponse !!!

J'ai ficelé ça comme ça :

Code:

---

1 2 3 4 5 6 7

<div id="div"> <script language="JavaScript"> chargement(); </script>   </div>

---

Il n'ya pas d'erreur mais la 2ème liste ne s'affiche pas, j'ai pourtant changé la fonction Chargement..

Tout va bien, j'ai simplement appelé la fonction traitement dans une fonction liste1_onLoad() et ça fonctionne superbement bien !

Un énorme merci en tout cas !!!

je t'en prie, juste un mot pour finir, la solution du innerHTML dans un div est la solutions magique dans pas mal de cas j'ai constaté, donc a ne pas oublié ;)