Reinitialiser variable de 3 menus deroulants

Version imprimable

Bonjour,

J'ai trois menu deroulant lie entre eux. Je cherche comment faire pour reinitialier mettre les variable des deux derniers menus lorsque je fais une selection dans le premier. Actuellement elle reste en memoire.

j'ai sessayer en creant 2 function reload function reload(form) et function reload2(form) et en changeant le self.location mais ca ne fonctionne pas

voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript">
function reload(form)
{ 
var val=form.catpays.options[form.catpays.options.selectedIndex].value; 
var val2=form.catprovince.options[form.catprovince.options.selectedIndex].value;
var cab=form.catville.options[form.catville.options.selectedIndex].value;
self.location='indexprout.php?catpays=' + val +'&catprovince=' + val2 +'&catville='+ cab;
} 
</script>
 
<select name='catpays' onchange=\"reload(this.form)\"><option value=''>choisissez pays</option>";
while($noticia2 = mysql_fetch_array($quer2)) { 
if($noticia2['pays']==@$catpays){echo "<option selected value='$noticia2[pays]'>$noticia2[pays]</option>"."<BR>";}
else{echo  "<option value='$noticia2[pays]'>$noticia2[pays]</option>
</select>
 
 
<select name='catprovince' onchange=\"reload(this.form)\"><option value=''>choisissez Province</option>";
while($noticia1 = mysql_fetch_array($quer1)) { 
if($noticia1['province']==@$catprovince){echo "<option selected value='$noticia1[province]'>$noticia1[province]</option>"."<BR>";}
else{echo  "<option value='$noticia1[province]'>$noticia1[province]</option>
</select>
 
<select name='catprovince' onchange=\"reload(this.form)\"><option value=''>choisissez Province</option>";
while($noticia1 = mysql_fetch_array($quer1)) { 
if($noticia1['province']==@$catprovince){echo "<option selected value='$noticia1[province]'>$noticia1[province]</option>"."<BR>";}
else{echo  "<option value='$noticia1[province]'>$noticia1[province]</option></select>

Merci de votre aide

Citation:

Envoyé par voyageurdumonde

Bonjour,

j'ai sessayer en creant 2 function reload function reload(form) et function reload2(form) et en changeant le self.location mais ca ne fonctionne pas

On ne voit pas reload2 dans ton code ;
Sinon ton souci vient du fait que dans reload, tu récupères les valeurs de tous les menu déroulants.

Tu peux par exemple envoyer le menu plutot que le formulaire et en fonction du nom décider si oui ou non tu dois récupérer les valeurs pour les transmettre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript"> function reload(menu) { var form = menu.form; var val=form.catpays.options[form.catpays.options.selectedIndex].value; var val2, cab; if(menu.name != 'catpays') { val2=form.catprovince.options[form.catprovince.options.selectedIndex].value; if(menu.name != 'catprovince') cab=form.catville.options[form.catville.options.selectedIndex].value; } self.location='indexprout.php?catpays=' + val +'&catprovince=' + val2 +'&catville='+ cab; } </script>
Sinon, tu as pensé à utiliser AJAX ?

15/11/2010, 02h41
voyageurdumonde

Merci gwyohm mais je ne comprend pas ce que tu m'as explique. Pour faire simple je te propose d'aller voir directement sur mon site

http://www.bonplanvoyage.com

Si tu selectionnes France puis Alsace puis Strasbourg tu obtiens dans l'URL http://www.bonplanvoyage.com/index.p...lle=Strasbourg

si maintenant tu selectionnes le pays Canada tu obtiens dans l'URL http://www.bonplanvoyage.com/index.p...lle=Strasbourg

Alors que je voudrais avoir http://www.bonplanvoyage.com/index.p...nce=&catville=

ou

http://www.bonplanvoyage.com/index.php?catpays=Canada

Cela est-il possible?
15/11/2010, 09h58
scourjean

Pour éviter cela si tu changes :
- sélecteur pays : il te faut remettre à zéro les sélecteurs province et ville
- sélecteur province: il te faut remettre à zéro le sélecteur ville
- sélecteur ville : pas de soucis
15/11/2010, 14h00
voyageurdumonde

Salut

sélecteur pays : il te faut remettre à zéro les sélecteurs province et ville

C'est quoi la commande magique pour faire cela?

Merci
15/11/2010, 14h20
scourjean

Hum pas sur mais ceci :

Code:

selectedIndex = -1

Salut, si j'ecris =-1 plus rien de fonctionne

C'est bien cela que tu me disais de faire?

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function reload(form)
{ 
var val=form.catpays.options[form.catpays.options.selectedIndex=-1].value; 
var val2=form.catprovince.options[form.catprovince.options.selectedIndex].value;
var cab=form.catville.options[form.catville.options.selectedIndex].value;
self.location='indexprout.php?catpays=' + val +'&catprovince=' + val2 +'&catville='+ cab;
} 
</script>

15/11/2010, 16h48
scourjean

Non, exemple (à adapter pour les cas que je t'ai dis tout à l'heure) :

Code:

form.catprovince.selectedIndex = -1; form.catville.selectedIndex = -1;

Mettre cela dans une fonction qui sera appelé avec onchange sur le sélecteur pays.

Bon ca fonctionne pas ! En fait maintenant lorsque je change de pays il reinitialise bien les menus une fraction de seconde mais apres il revient comme avant juste apres.

voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
function reload(form)
{ 
var val=form.catpays.options[form.catpays.options.selectedIndex].value; 
var val2=form.catprovince.options[form.catprovince.options.selectedIndex].value;
var cab=form.catville.options[form.catville.options.selectedIndex].value;
self.location='indexprout.php?catpays=' + val +'&catprovince=' + val2 +'&catville='+ cab;
} 
 
</script>
 
 
<script type="text/javascript">
function init(form) {
form.catprovince.selectedIndex = -1; 
form.catville.selectedIndex = -1;
}
</script>
 
 
<select name='catpays' onchange=\"reload(this.form),init(this.form)\"> option value=''>choisissez pays</option>";
while($noticia2 = mysql_fetch_array($quer2)) { 
if($noticia2['pays']==@$catpays){echo "<option selected value='$noticia2[pays]'>$noticia2[pays]</option>"."<BR>";}
else{echo  "<option value='$noticia2[pays]'>$noticia2[pays]</option>";}
}
</select>

15/11/2010, 19h03
andry.aime

Bonsoir,

Code:

.selectedIndex = 0;

Remplace le "<BR>" après les options dans l'echo par "\r\n".

A+.
15/11/2010, 19h41
voyageurdumonde

Toujours pas il ne reinitialise pas dans l'url les valeurs de &catprovince=&catville= et garde les anciennes valeurs
16/11/2010, 01h29
voyageurdumonde

Bonjour,

J'ai finalement resolu mon probleme en faisant comme ci dessous pour la premiere selection (pour les autre j'utilise toujours function reload(form)) .
De la sorte ca fonctionne mais j'aimerais avoir votre avis d'expert sur ma methode?

Code:

echo "<select name='catpays' onchange=\"top.location.href = 'indexprout.php?catpays='+this.form.catpays.options[this.form.catpays.selectedIndex].value;return false;\"><option value=''>choisissez pays</option>";

Merci
16/11/2010, 09h35
scourjean

Code:

<select name='catpays' onchange=\"reload(this.form),init(this.form)\"> option value=''>choisissez pays</option>";

Je pense que là tu aurais simplement à inverser l'ordre d'appel entre init et reload pour qu'il fasse les choses dans l'ordre.
17/11/2010, 01h20
voyageurdumonde

Non ca ne fonctionne pas en inversant l'ordre d'appel. Je vais garder la solution que j'ai trouve qui semble efficace.

Merci