Discussion :

[alain83]

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 html :

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

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

[Cornholio]

Bonjour,

Tu peux le faire comme ceci :

Code html :

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

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>

[Erwan31]

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

[E.Bzz]

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

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 :

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

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

A+

[Erwan31]

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...)

[E.Bzz]

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é;

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.

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+

[Bovino]

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

Code :

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

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 !)

[alain83]

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