Liste déroulante sans bouton submit

Bonjour,

J'ai consulté beaucoup de post au sujet des listes déroulantes sans trouver réponse à ma question qui est très simple :
je voudrais dans une page html avoir un titre et une liste déroulante proposant un choix et un fois celui ci sélectionné, que le lien (type "a href") associé s'active directement sans à avoir à récupérer la valeur via le bouton submit et les méthodes "get" ou "post".

Mon choix :

Code:

---

1 2 3 4 5

<select name="menu" size="1"> <option value="page1">Page 1</option> //si ce choix est sélectionné, ouverture directe de la page1.htm dans le navigateur et idem pour les autres sélections <option value="page2">Page 2</option> <option value="page3">Page 3</option> </select>

---

Merci d'avance

Bonjour,

Tu peux le faire comme ceci :

Code:

---

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

<script type="text/javascript">         function go(page){                 window.location.replace(page.value);           } </script> <select name="menu" size="1" onchange="go(this);"> <option value="page1.html">Page 1</option> <option value="page2.html">Page 2</option> <option value="page3.html">Page 3</option> </select>

---

:)

Bonjour,
d'un point de vue ergonomique les redirection automatiques sont considérées comme des méthode intrusives et sont donc déconseillées. L'utilisateur doit avoir le contrôle sur ce genre de chose ;)

Bonjour,

Citation:

---

Envoyé par Erwan31

d'un point de vue ergonomique les redirection automatiques sont considérées comme des méthode intrusives et sont donc déconseillées. L'utilisateur doit avoir le contrôle sur ce genre de chose ;)

---

Tu as raison sur le principe, mais il n'y a là rien d'automatique : il s'agit d'une intervention de l'utilisateur.
Celui-ci sachant visiblement à quoi s'en tenir

Code:

---

<option value="page2">Page 2</option>

---

;)

A+

Citation:

---

Envoyé par E.Bzz

Bonjour,
Tu as raison sur le principe, mais il n'y a là rien d'automatique : il s'agit d'une intervention de l'utilisateur.

---

La soumission d'un formulaire complet sans qu'il y ait eu interaction de l'utilisateur n'est pas conseillé non plus, c'est prématuré; d'autre part le
gestionnaire d'événement onchange n'est pas bien géré par certaines aides techniques (lecteurs d'écran...)

Citation:

---

Envoyé par Erwan31

La soumission d'un formulaire complet sans qu'il y ait eu interaction de l'utilisateur n'est pas conseillé non plus, c'est prématuré;

---

8O Heu ... ben oui, mais ça n'a rien avoir avec le cas présent. Il ne s'agit ici que d'un menu de navigation.
Plein d'autres choses sont déconseillées, sans pour autant avoir un rapport.

Citation:

---

Envoyé par Erwan31

d'autre part le gestionnaire d'événement onchange n'est pas bien géré par certaines aides techniques (lecteurs d'écran...)

---

Ca c'est très possible :(
Et c'est bon à savoir.
Ceci dit, si c'est pour un Intranet (par exemple) d'une boîte dans laquelle le problème ne se pose pas ...

A+

Sinon, il faut quand-même rajouter une ligne :

Code:

---

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

<script type="text/javascript"> function go(page){ window.location.replace(page.value);   } </script> <select name="menu" size="1" onchange="go(this);"> <option selected="selected">Choisissez votre page :</select> <option value="page1.html">Page 1</option> <option value="page2.html">Page 2</option> <option value="page3.html">Page 3</option> </select>

---

Car sinon, tu ne peux pas accéder à page1 puisque l'événement onchange ne sera pas déclenché en le sélectionnant (il est déjà sélectionné, donc si on le choisi, il n'y a pas de change !)

Merci à tous pour vos réponses.
La solution me convient parfaitement et effectivement, il faut rajouter cette dernière ligne supplémentaire.