Liste déroulante avec lien html [Résolu/Fermé]

Signaler
-
Messages postés
18510
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
12 février 2021
 -
Bonjour j'ai repris ce code html sur internet afin d'obtenir une liste déroulante : un seule problème comment faire pour lorsque je clique sur un des élément de cette liste m'envoyer sur une autre page bref comment créer un lien mdr en html sur les éléments de cette liste voici le code si vous pouviez me répondre merci :


<FORM>
<SELECT name="nom" size="1">
<OPTION>lundi
<OPTION>mardi
<OPTION>mercredi
<OPTION>jeudi
<OPTION>vendredi
</SELECT>
</FORM>

voili voilou
A voir également:

5 réponses

Réponse 1 / 5
Messages postés
18510
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
12 février 2021
 4 265 
<form onchange="">
Pas très logique ... 
<form method="redirection.php" method="get">
    <p>
        <label for="jour">Jour :</label>
        <select name="jour" id="jour" onchange="document.location.href = this.value;">
            <option value="lundi.html">Lundi</option>
            <option value="mardi.html">Mardi</option>
            <option value="mercredi.html">Mercredi</option>
            <option value="jeudi.html">Jeudi</option>
            <option value="vendredi.html">Vendredi</option>
        </select>
    </p>
</form>
Et pour ceux qui n'ont pas JS (bien qu'ils soient rares), voici le fichier redirection.php :
<?php header('Location: '.$_GET['jour']); ?>
5
Merci
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Réponse 2 / 5
Messages postés
268
Date d'inscription
vendredi 29 février 2008
Statut
Membre
Dernière intervention
21 juillet 2011
 35
Essaie ça :

<FORM>
<SELECT name="nom" size="1">
<OPTION><A href="url">lundi</A></OPTION>
<OPTION><A href="url">mardi</A></OPTION>
<OPTION><A href="url">mercredi</A></OPTION>
<OPTION><A href="url">jeudi</A></OPTION>
<OPTION><A href="url">vendredi</A></OPTION>
</SELECT>
</FORM>
Réponse 3 / 5
Messages postés
1059
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
 229
normalement, cette solution ne marche pas (quoique ca n'est pas garanti...)
Celle là, en revanche, je l'ai testée personnellement : 

<FORM onchange="location.href=this.value">
<SELECT name="nom" size="1">
<OPTION value="lundi.html">lundi</OPTION> 
<OPTION value="mardi.html">mardi</OPTION> 
<OPTION value="mercredi.html">mercredi</OPTION> 
<OPTION value="jeudi.html">jeudi</OPTION> 
<OPTION value="vendredi.html">vendredi</OPTION> 
</SELECT>
</FORM>
Réponse 4 / 5
Messages postés
1059
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
 229
Oui bien sur !
onchange dans le select :s
En même temps, tu as du noter l'heure de mon message, je devais pas être tout a fait réveillé ;-)
Signaler
Messages postés
5
Date d'inscription
vendredi 26 mars 2010
Statut
Membre
Dernière intervention
28 mars 2010
Merci les gens sa marche c'est super !
Signaler
Messages postés
1059
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
 229
ca fait plaisir... Bon courage pour la suite
Signaler
Messages postés
5
Date d'inscription
vendredi 26 mars 2010
Statut
Membre
Dernière intervention
28 mars 2010
oui mais il subsiste un problème désolé ^^ je pige pas comment faire pour que ce soit plus des page .htm mais des url de page externe comme [http://] www. ... .com tu saurais par quoi remplacer "location.href=this.value"> en fait sa me met page no found alors que je marque l'url correctement
Réponse 5 / 5
Messages postés
18510
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
12 février 2021
 4 265
Il suffit de mettre l'url de la page cible dans l'attribut value de la balise option.
Ça fonctionne de la même manière que href sur a.
Posez votre question