selectionner et transmettre un champ d'un div

Version imprimable

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:

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">

04/11/2005, 10h12
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....

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
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">

04/11/2005, 10h56
LFC

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

Voilà, maintenant, si ça peut vous aider...
04/11/2005, 10h58
SpaceFrog

normal que tes options ne soient pas fermées ?
04/11/2005, 11h06
LFC

Oui, normal, pour pas alourdir la page...
04/11/2005, 11h07
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 ...
04/11/2005, 11h21
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:

1 2 document.getElementById('DivVide').innerHTML = document.getElementById('DivEu').innerHTML;
pour ff, et ça sera bon...
04/11/2005, 11h24
denisC
Citation:
Envoyé par LFC

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

Code:

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?

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

Code:

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 ?

04/11/2005, 11h52
SpaceFrog

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

quel est le but précis de la manoeuvre ?
04/11/2005, 12h03
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...
04/11/2005, 12h05
SpaceFrog

selected sert à quoi ?
04/11/2005, 12h19
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...

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

Code:

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>

04/11/2005, 15h57
LFC

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