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 :

cacher un imput selon le choix


Sujet :

JavaScript

  1. #1
    Inactif
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    164
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 164
    Par défaut cacher un imput selon le choix
    bonjour,

    j'ai mis dans mon html ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <label>Vous êtes :</label><select name="nom"><option value="choix1">choix 1</option><option value="choix2">choix2</option>
    donc si un membre choisit le choix 1 là c'est bon

    mais si un membre choisit le choix 2 là je voudrais afficher <input type="text" />

    donc le principe quand un membre s'enregistre sur mon site il y a le choix 1 ou 2

    et s'il choisit le choix 1 on ne verra pas mon imput car il sera caché mais par contre s'il choisit le choix 2 là il verront 1 imput "text"

    comment je dois proceder

    moi j'ai mis dans javasscript :

    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
    17
    18
    19
    20
    21
    22
    function choix(){
     
    selection = document.leNomDeTonFormulaire.nom.selectedIndex;
     
    if(selection == 0){
     
    document.getElementById('choix1').style.display="block";
     
    }
     
    else if(selection == 1) {
     
    document.getElementById('choix2').style.display="block";
     
    }
     
    else {
    alert('aucun choix selectionné');
     
    }
     
    }
    et dans le html il faut mettre comment avec mon imput


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <label>Vous êtes :</label><select name="nom"><option value="choix1">choix 1</option><option value="choix2">choix2</option> // cette imput sera cacher pour le choix 1 <input type="text" /> sauf s'il choisit le choix 2

    comment je peux faire fonctionner mes 2 block dysplay cacher ou pas selon le choix 1 et 2

    merci

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    1- input mais pas imput.
    2- Tu dois ajouter les id 'choix1' et 'choix2' aux input. A l'affichage de l'un (display='block'), tu caches l'autre avec display='none'.

    A+.

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

Discussions similaires

  1. [WD-2003] Cacher du texte selon choix de liste déroulante
    Par Nessie37 dans le forum Word
    Réponses: 6
    Dernier message: 23/11/2014, 21h23
  2. affichage selon le choix d'une liste déroulante
    Par cell dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/07/2006, 10h16
  3. [FORMULAIRE] affichage selon le choix dans une liste déroulante.
    Par gailup dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 25/06/2006, 14h58
  4. Réponses: 2
    Dernier message: 14/09/2005, 12h08
  5. Réponses: 2
    Dernier message: 23/06/2004, 13h56

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