Utiliser un < select><option> pour un menu minimaliste

Fermé

tazleterrible Messages postés 1 Date d'inscription lundi 13 avril 2015 Statut Membre Dernière intervention 13 avril 2015 - Modifié par Chris 94 le 13/04/2015 à 15:44
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 - 14 avril 2015 à 15:42

Bonjour.
Je tente de mettre au point une site "responsive design".
Pour les plus petites écrans j'aimerais utiliser la formule suivante pour le menu :

<center>
<select>
<option selected="selected">Choisir un sujet</option>
<option><a href="adresse de la page1.php">Choix 1</a></option>
<option><a href="adresse de la page2.php">Choix 2</a></option>
<option>etc...<option>
</select>
</center>

Mais cette formulation ne fonctionne pas...
Quelqu'un pourrait m'aider dans cette démarche ?
Merci d'avance pour vos précieux conseils.

A voir également:

Utiliser un < select><option> pour un menu minimaliste
Comment utiliser chromecast - Guide
Menu déroulant excel - Guide
Option booster free avis - Guide
Menu démarrer windows 11 - Guide
Comment utiliser wetransfer gratuit ? - Guide

1 réponse

Réponse 1 / 1

Yuh12 Messages postés 184 Date d'inscription mercredi 7 mai 2014 Statut Membre Dernière intervention 28 septembre 2017 24
14 avril 2015 à 15:30

Pour utiliser les balises select ou input tu as besoin d'être dans un formulaire.
Il te manques donc les balises suivantes.

<form action='mapage.php'>
// ton select
</form>

A moins que tu veuilles faire fonctionner ceci en ajax?

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
14 avril 2015 à 15:42

@Yuh12 Je pense que son problème est surtout d'avoir des <a> dans sa balise option.
@tazleterrible Il faut faire ça avec Javascript, voici un ptit bout de code en exemple :


<html>
    <head>
        <script type="text/javascript">
            function myGoto(obj){
                var destPage = obj.options[obj.selectedIndex].getAttribute('dest-page');
                if(destPage){
                    document.location.href=destPage;
                }
            }
        </script>
    </head>
<body>
<form>
<select onChange='javascript:myGoto(this);return false;'>
<option selected="selected">Choisir un sujet</option>
<option dest-page="choix1.php"><a href="adresse de la page1.php">Choix 1</a></option>
<option dest-page="choix2.php"><a href="adresse de la page2.php">Choix 2</a></option>
<option>etc...<option>
</select>
</form>

</body>
</html>

Discussions similaires

"Reboot and Select proper Boot Device"

Aide Please select boot device

Option de connexion désactivé

Gmail impossible sans numéro de téléphone

Impossible d'utiliser numéro de téléphone validation

Discussions similaires

Newsletters