Compatibilité Chrome et IE

Bonjour,

Voila j'ai ce bout de code qui fonctionne sous Firefox mais pas sous chrome et IE :

Code:

---

1 2 3 4 5 6 7 8

<select name="choix1" id="Choix"> <option>Choix1</option><option>Choix2</option> </select> <select name="options1" id="Option";"> <option>Option1</option><option<Option2</option> </select> <button onclick="javascript:location.reload();">OK</button> </p>

---

Quand l'utilisateur selectionne le choix 2 et clique sur le bouton, la page est rafraichit et le choix 1 est sélectionné par défaut.
Sous Firefox le choix 2 reste sélectionné après clique sur le bouton.

Une idée ?

Épineux problème que celui du repositionnement des contrôles de formulaire après un rafraîchissement. Le navigateur doit-il revenir aux valeurs par défaut ? Ou garder en mémoire les choix de l'utilisateur ? Différents navigateurs ont différentes politiques vis-à-vis de cette question.

De plus, l'utilisateur peut paramétrer son navigateur pour retenir ou non les valeurs. En tant que développeurs, on n'a généralement pas ou peu de contrôle sur ce qui touche aux préférences de l'utilisateur. Et c'est normal.

Je vois bien une solution, mais pas en JavaScript. Côté serveur, tu peux ajouter un attribut selected à la balise option qui correspond à la valeur reçue par le serveur (dans les données GET ou POST selon la méthode de ton formulaire).

Attention, les formulaires et les rafraîchissements ne font pas bon ménage, ça a tendance à afficher une fenêtre indiquant « les données vont être renvoyées » ou quelque chose du style, assez déroutante ou agaçante pour l'utilisateur. Je te conseille de rechercher une approche un peu plus souple ; un reload est rarement nécessaire.

d'accord avec tout,

et en plus, ce morceau de code - j'imagine que tu as enlevé des lignes importantes? - a un sens secret qui m'échappe;

en faite j'ai juste en dessous mon javascript :

<script src="js/_gz_d3.v3.min.js"></script>
...
<script>

Qui sur rafraichissement de la page me génère un graphique suivant les choix utilisateurs.
Comme je débute, je trouvais cela plus simple

Du coup je ne sais pas si c'est la meilleure solution mais j'ai fait cela :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<select name="choix1" id="Choix"> <option>Choix1</option><option>Choix2</option> </select> <select name="options1" id="Option";"> <option>Option1</option><option<Option2</option> </select> <button onclick="MonScript">OK</button> <script src="js/_gz_d3.v3.min.js"></script> <script> function MonScript() { ... } </script>

---

ce qui est extraordinaire, c'est que tu ne parles pas du code javascript dans ta demande!

Qu'y a-t-il pour ton service?