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

Signaler
-
avion-f16
Messages postés
18375
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 février 2020
-
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

5 réponses

Messages postés
18375
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 février 2020
4 140
<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']); ?>
4
Merci

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

CCM 87641 internautes nous ont dit merci ce mois-ci

Messages postés
267
Date d'inscription
vendredi 29 février 2008
Statut
Membre
Dernière intervention
21 juillet 2011
32
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>
Messages postés
1069
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
194
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>
Messages postés
1069
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
194
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é ;-)
ulthar73
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 !
swoog42
Messages postés
1069
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
16 décembre 2018
194
ca fait plaisir... Bon courage pour la suite
ulthar73
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
Messages postés
18375
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 février 2020
4 140
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.