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

tazleterrible Messages postés 1 Statut Membre -
Zep3k!GnO Messages postés 2049 Statut Membre - 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.

Afficher la suite

A voir également:

Utiliser un < select><option> pour un menu minimaliste
Comment utiliser un chromecast - Guide
Menu déroulant excel - Guide
Utiliser iphone comme webcam - Guide
Canon quick menu - Télécharger - Utilitaires
Utiliser tablette comme deuxieme ecran - Guide

1 réponse

Réponse 1 / 1

Yuh12 Messages postés 184 Date d'inscription Statut Membre Dernière intervention 24

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 2049 Statut Membre 200

@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

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

menu caché

Select boot device première utilisation

Votre réponse

Discussions similaires