PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Programmation & Conception > fr.comp.lang.javascript > Valeur par défaut dans la seconde liste de 2 listes liées
 
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
 
Valeur par défaut dans la seconde liste de 2 listes liées

Réponse
 
LinkBack Outils de la discussion
Vieux 07/06/2007, 10h36   #1
orus
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Valeur par défaut dans la seconde liste de 2 listes liées
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>
  Réponse avec citation
Vieux 07/06/2007, 13h12   #2
orus
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Valeur par défaut dans la seconde liste de 2 listes liées
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

  Réponse avec citation
Vieux 07/06/2007, 13h12   #3
orus
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Valeur par défaut dans la seconde liste de 2 listes liées
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

  Réponse avec citation
Vieux 09/06/2007, 00h13   #4
Y a personne
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Valeur par défaut dans la seconde liste de 2 listes liées
orus a écrit :
> 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
>


tu peux aussi faire <body onload="ta_fonction()">
  Réponse avec citation
Réponse

« Discussion précédente | Discussion suivante »

Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages
Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 05h45.

PHWinfo - Forum spécialisé en hébergement - Guide Hébergeur - Guide Hébergement - Archives

Édité par : vBulletin® version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières ©2000-2008
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,16031 seconds with 12 queries