IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Agir sur un menu déroulant


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France, Bas Rhin (Alsace)

    Informations forums :
    Inscription : Mai 2008
    Messages : 121
    Par défaut Agir sur un menu déroulant
    Bonjour à tous,

    Soit un formulaire composé d'une case à cocher et d'un menu déroulant à trois valeurs, dont la première est sélectionnée par défaut.
    Lorsque je coche la case à cocher, j'aimerais que la valeur numéro deux de mon menu déroulant devienne celle sélectionnée par défaut.

    Ça fait déjà toute la journée que j'essaye mille façons sans y parvenir, comment faire ? Auriez-vous une idée ?

    Merci à tous pour votre aide.

  2. #2
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    checked sur la case à cocher, selectedIndex pour la liste déroulante ...

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France, Bas Rhin (Alsace)

    Informations forums :
    Inscription : Mai 2008
    Messages : 121
    Par défaut
    Oui, oui, ça je sais.

    En gros ça doit commencer par le checkbox : "onClick... blabla bla" pour arriver à : "selectedIndex" sur le menu déroulant.

    C'est juste la syntaxe que je n'arrive pas à trouver.

  4. #4
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    essaie cela
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <html>
    <head>
    <script>
    </script>
    </head>
    <body>
    <form name="monForm">
    	<input type="checkbox" onclick="if (this.checked) document.getElementById('options').selectedIndex = 1;">Check me</input><br />
    	<select id="options">
    		<option selected>Value 1</option>
    		<option>Value 2</option>
    		<option>Value 3</option>
    	</select>
    </form>
    </body>
    </html>
    à toi de gérer l'autre alternative ...

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France, Bas Rhin (Alsace)

    Informations forums :
    Inscription : Mai 2008
    Messages : 121
    Par défaut
    C'est exactement ce que je cherchais !
    Merci beaucoup.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] problème sur isset menu déroulant
    Par Evelyne31 dans le forum PHP & Base de données
    Réponses: 43
    Dernier message: 04/08/2012, 21h25
  2. sur les menue déroulant
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 21/01/2011, 10h34
  3. Réponses: 2
    Dernier message: 08/06/2007, 18h00
  4. Aide sur un menu déroulant CSS
    Par p0Kep0K dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/09/2006, 14h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo