On 7 juin, 11:36, orus <aurelien.quen...@gmail.com> wrote:
> Bonjour à tous,
>
> Voici mon problème. J'ai deux listes liées qui pour un région (sel1)
> affiche les départements de celle-ce (sel2). La seconde liste est crée
> à l'aide d'une fonction Javascript (gensel2).
>
> Je souhaite par exemple que la région "Centre" soit sélectionnée par
> défaut, j'ai donc mis "selected" dans la liste sel1 et cela
> fonctionne. Le problème est qu'au premier affichage, les départements
> de la région "Centre" ne sont pas affichés (c'est sûrement du à la
> fonction qui n'est appelée qu'à l'évèneùent onchange()). J'aimerai
> d'ailleurs que le département "Indre" soit sélectionné. J'ai donc
> tenté le "document.frm.sel2.selectedIndex = 2;" mais cela ne
> fonctionne pas...
>
> Comment puis-je faire ? Pouvez-vous m'aider ?
>
> Voici un exemple de code que j'utilise. Merci par avance pour votre
> aide précieuse.
>
> Aurélien
>
> -------------------------------------------------------------------------------------------------------------------------
>
> <HTML>
> <HEAD>
> <TITLE>2 Selects dépendants en JavaScript</TITLE>
>
> <script type="text/javascript">
> function gensel2(nom_formulaire) {
>
> var s1 = document.forms[nom_formulaire].sel1;
> var s2 = document.forms[nom_formulaire].sel2;
> s2.length = 0;
>
> for(var n=0; n < liste[s1.selectedIndex].length; n++) {
> s2.length++;
> s2.options[s2.length-1].text = liste[s1.selectedIndex][n];
> }
>
> }
>
> </script>
> </HEAD>
>
> <BODY>
> <form name="frm">
> <select name="sel1" id="sel1" onChange="gensel2('frm');">
> <optgroup label="Régions">
> <option>Bretagne</option>
> <option selected>Centre</option>
> <option>Nord-Pas-de-Calais</option>
> </optgroup>
> </select>
>
> <select name="sel2" id="sel2">
> <optgroup label="Départements"></optgroup>
> </select>
> </form>
>
> <script type="text/javascript">
>
> var liste = new Array(
> new Array("Côtes-d'Armor","Finistère","Ille-et-
> Vilaine","Morbihan"),
> new Array("Cher","Eure-et-Loire","Indre","Indre-et-Loire","Loir-
> et-Cher","Loiret"),
> new Array("Nord","Pas-de-Calais"));
>
> document.frm.sel2.selectedIndex = 2;
> </script>
> </BODY>
> </HTML>
J'ai trouvé...Il fallait juste que je mette ce code sous le
formulaire....
<script type="text/javascript">
gensel2('frm');
document.frm.sel2.selectedIndex = 3;
</script>
Ca pourra peut-être servir à d'autres
