Bonjour !!
Après une petite recherche infructueuse sur google et le forum, je vous soumet mon problème.
Les ressources, même auprès de microsoft sont plutot maigres à ce sujet.
J'ai un formulaire contenant 3 select (dans la réalité plus, c'est histoire de simplifier, mais même avec 3 selects cela ne marche pas non plus).
Un script derrière rempli ces select en fonction des valeurs sélectionnées dans les autres selects.
Pour faire simple :
premier select : groupe
deuxieme : sous-groupe
troisième : valeur
Au début, la liste de valeur contient toutes les valeurs possibles.
Si on choisit une valeur dans "groupe" ou "sous-groupe", la page est rechargée la liste "valeur" est filtrée en fonction de ce qui a été sélectionné dans "groupe" et "sous-groupe".
Bref. Mon problème c'est que pour chaque select, j'ai associé un "onchange" qui effectue un submit du formulaire.
Cela marche nickel sous firefox et opera, par contre sous IE, j'ai un joli "accès refusé" lorsque je selectionne une valeur et qu'il effectue le submit().
- Je ne souhaite pas me passer du rechargement de la page car j'ai besoin d'effectuer plusieurs tests que je ne veux pas faire en JS. Et la page réelle est plus complexe, avec des interactions qui vont plus loin que groupe->sous-groupe->valeur.
- les tags contiennent une propriété "id" et "name" qui ont la même valeur. C'est fait pour que ma page soit validée "XHTML Strict" et n'a pas d'influence sur le problème apparemment.
- j'ai testé les submits avec document.forms['formulaire'].submit() et document.getElementById('formulaire').submit()... Même résultat.
Quelqu'un a une idée ?
Extrait de code :
Merci de votre aide !!
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 <form id="formulaire" method="get" action="index.php"><p> <select id="groupe" name="groupe" onchange="document.getElementById('formulaire').submit();"> <option value="0" selected="selected">Groupe...</option> <option value="2">Groupe1</option> <option value="5">Groupe2</option> </select> <br> <select id="sousgroupe" name="sousgroupe" onchange="document.getElementById('formulaire').submit();"> <option value="0" selected="selected">Sous-groupe...</option> <option value="1">SG1</option> <option value="2">SG2</option> </select> <br> <select id="ident" name="ident" onchange="document.getElementById('formulaire').submit();"> <option value="" selected="selected">Valeurs...</option> <option value="29">Val1</option> <option value="49">Val2</option> </select></p> </form>
Partager