Discussion :

[LFC]

Bonjour

J'ai un problème avec un div qui contient un menu déroulant de pays et dont je n'arrive pas à transmettre la valeur.

Donc, en fait, j'ai un menu déroulant principal de pays, et quand je sélectionne le pays France, une cellule apparait à côté (un div hidden devient visible) et à l'intérieur se trouvent les régions. Le hic c'est que même si je choisis une région là-dedans, au moment de transmettre le formulaire, ce n'est pas la bonne valeur qui est passée, c'est comme si la sélection ne s'enregistrait pas, et celle qui est transmise, c'est la 1ère dans la liste, et ce n'est pas la "selected" par défaut en plus...

Ce que je souhaite donc, c'est faire en sorte que ce paramètre que j'ai choisi soit "enregistré" et je ne vois pas comment faire...
Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 
<div id="DivFr" style="position:absolute;left:0px; top:0px; visibility:hidden">
<SELECT NAME='etat_fr' >
<option value="Tout">Tout</option>
<OPTION VALUE="al">alsace
<OPTION VALUE="br">bretagne
...
<input type="submit" value="Résultat" name="Résultat">

[denisC]

Montre nous plus le code de ta page. En particulier les deux select (avec les submits et les forms), ainsi qu'eventuellement ta fonction JS pour affichage du deuxième select.

Sur ton code présent, je ne vois aucun soucis....

[LFC]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
28
29
30
31
32
33
34
35
36
37
 
 
<form name="form1" method="post" action="./">
 
function change(index)
{
        switch (index)
        {
                case 'fr':
                document.getElementById('DivVide').innerHTML = document.getElementById('DivFr').innerHTML;
                break;
 
                case 'us':
                document.getElementById('DivVide').innerHTML = document.getElementById('DivEu').innerHTML;
                break;
 
                default:
                document.getElementById('DivVide').innerHTML = "";
                break;
        }
}
 
 
<SELECT NAME="tpays" OnChange="change(this.form.elements['tpays'].options[this.form.elements['tpays'].selectedIndex].value);">
<option value="Tout">Tout</option>
<OPTION VALUE="af">Afghanistan
<OPTION VALUE="fr">France ...
</SELECT>
 
<div id="DivFr" style="position:absolute;left:0px; top:0px; visibility:hidden">
<SELECT NAME='etat_fr' >
<option value="Tout">Tout</option>
<OPTION VALUE="al">alsace
<OPTION VALUE="br">bretagne 
 
 
<input type="submit" value="Résultat" name="Résultat">

[LFC]

Alors, le problème, c'est que ça marche pas sur FF, mais sur IE oui...

Voilà, maintenant, si ça peut vous aider...

[SpaceFrog]

normal que tes options ne soient pas fermées ?

[LFC]

Oui, normal, pour pas alourdir la page...

[SpaceFrog]

alors ne t'attend pas à ce que cela focntionne ...
les balises options doivent être fermées ... il n'y a que la permissivité d'IE qui autorise ce genre de chose ...

[LFC]

Pardon, je recommence, c'est pour pas alourdir la page de ce site... toutes les balises <form>, <select> ont bien été fermés dans mon code...

En fait, faut que je trouve un équivalent à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('DivVide').innerHTML = document.getElementById('DivEu').innerHTML;

pour ff, et ça sera bon...

[denisC]

En fait, faut que je trouve un équivalent à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('DivVide').innerHTML = document.getElementById('DivEu').innerHTML;

pour ff, et ça sera bon...

Cette ligne marche sous FFx. Tu es sur d'avoir des éléments avec les Ids que tu utilise?

[LFC]

Oui, j'ai bien un "DivEu" dans mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div id="DivEu" style="position:absolute;left:0px; top:0px; visibility:hidden">
	<SELECT NAME='et_us' >
<option value="Tout" selected>Tout</option>
<OPTION VALUE="al">Alabama</option>
<OPTION VALUE="ak">Alaska</option>
<OPTION VALUE="az">Arizona</option>
<OPTION VALUE="ar">Arkansas</option
</select></div>

Qu'est-ce qui ne pourrait pas passer sur ff alors ?

[SpaceFrog]

heu clairement tu veuix soumettre quoi ???
a priori là tu passe le innerHTML ???

quel est le but précis de la manoeuvre ?

[LFC]

Le but précis c'est de passer la variable "et_us" avec la valeur que j'ai sélectionnée et non pas toujours la même...

IE transmet bien la bonne valeur. C BIEN
FF transmet toujours la 1ère valeur de la liste... C PAS BIEN

Et je pense que ça doit provenir du code javascript...

[SpaceFrog]

selected sert à quoi ?

[LFC]

Il est là pour le "par défaut", mais même quand je l'enlève, ça fait rien... c'est toujours la 1ère option de la liste qui est choisie...

[SpaceFrog]

tu as le code plus complet avec le form ?
je n'ai pas de souci avec ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<body>
<form action="javascript:alert(document.forms[0].et_us.value)" >
 <SELECT NAME='et_us' >
<option value="Tout" selected>Tout</option>
<OPTION VALUE="al">Alabama</option>
<OPTION VALUE="ak">Alaska</option>
<OPTION VALUE="az">Arizona</option>
<OPTION VALUE="ar">Arkansas</option 
</select>
<input type="submit" value="envoyer" />
</form>
</body>

[LFC]

Je vais faire des tests et je vous tiens au courant... merci.