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 un chromecast - Guide
Menu déroulant excel - Guide
Option booster free avis - Accueil - Guide opérateurs et forfaits
Windows 11 menu démarrer classique - Guide
Comment utiliser l'ia - Accueil - Guide Intelligence artificielle

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

Votre PC ne peut pas utiliser un autre écran.

Impossible d'utiliser ce numéro de téléphone pour la validat

Aide Please select boot device

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

"Reboot and Select proper Boot Device"