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 champ selon la valeur d'un autre champ


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 208
    Par défaut Cacher un champ selon la valeur d'un autre champ
    Bonjour,

    J'ai un formulaire de saisie et je voudrais cacher le champ discipline selon la valeur du champ formation
    Si formation = "PLC" alors afficher champ discipline (liste deroulante)
    Sinon ne pas afficher le champ discipline
    Ci-dessous le code de mes 2 champs.
    Code html : 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
    23
    24
    25
    26
    <tr> 
                  <td colspan="5" height="34"> 
                    <div align="left">Formation 
                      <select name="formation" size="1">
                        <option value="PE">Professeur des &eacute;coles (PE)</option>
                        <option value="PLC">Professeur des lyc&eacute;es et coll&egrave;ges 
                        (PLC)</option>
                      </select>
                      en 
                      <select name="annee" size="1">
                        <option value="1">1&egrave;re ann&eacute;e</option>
                        <option value="2">2&egrave;me ann&eacute;e</option>
                      </select>
                    </div>
    				</td></tr>
     
    			 <tr> 
                  <td height="31" colspan="5">Discipline 
                    <select name="discipline" size="1">
                      <option value="1ALL">CAPES ALLEMAND</option>
                      <option value="1ANG">CAPES Anglais</option>
                      <option value="1DOC">CAPES Documentation</option>
                      <option value="1MUS">CAPES Education Musicale</option>
                    </select>
                  </td>
                </tr><

    Merci de me dire comment je peux cacher le champ discipline suivant la valeur de formation

  2. #2
    Membre Expert Avatar de Amara
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    2 688
    Détails du profil
    Informations personnelles :
    Localisation : France, Sarthe (Pays de la Loire)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 688
    Par défaut
    Si tu veux que ce soit fait en direct live (le changement de formation entraîne automatiquement le fait de cacher l'autre champ) il va falloir regarder du côté de JavaScript (avec display peut-être...).

  3. #3
    Membre confirmé Avatar de fadex
    Inscrit en
    Septembre 2005
    Messages
    223
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Septembre 2005
    Messages : 223
    Par défaut
    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
    <tr>
    <td colspan="5" height="34">
    <div align="left">Formation
    <select name="formation" size="1">
    <option value="PE">Professeur des &eacute;coles (PE)</option>
    <option value="PLC" onclick="javascript:document.getElementById('disc').style.display="inline">Professeur des lyc&eacute;es et coll&egrave;ges
    (PLC)</option>
    </select>
    .....
    <select id="disc" style="display:none" name="discipline" size="1">
    option value="1ALL">CAPES ALLEMAND</option>
    <option value="1ANG">CAPES Anglais</option>
    <option value="1DOC">CAPES Documentation</option>
    <option value="1MUS">CAPES Education Musicale</option>
    </select>
    </td>
    </tr>
    ...........

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 208
    Par défaut
    Merci fadex.
    Le champ est bien caché si c'est PE, mais il ne réapparait pas si on met PLC

    Je ne vois pas pourquoi

  5. #5
    Membre émérite
    Avatar de Dia_FR
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2006
    Messages
    512
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2006
    Messages : 512
    Par défaut
    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
    <tr>
    <td colspan="5" height="34">
    <div align="left">Formation
    <select name="formation" size="1">
    <option value="PE" onclick="javascript:document.getElementById('disc').style.display="none">Professeur des &eacute;coles (PE)</option>
    <option value="PLC" onclick="javascript:document.getElementById('disc').style.display="block">Professeur des lyc&eacute;es et coll&egrave;ges
    (PLC)</option>
    </select>
    .....
    <select id="disc" style="display:none" name="discipline" size="1">
    option value="1ALL">CAPES ALLEMAND</option>
    <option value="1ANG">CAPES Anglais</option>
    <option value="1DOC">CAPES Documentation</option>
    <option value="1MUS">CAPES Education Musicale</option>
    </select>
    </td>
    </tr>
    ...........
    Dia [ Page DVP ] [ Site pro ]

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 208
    Par défaut
    j'ai fait la modif, ça ne change rien

  7. #7
    Membre confirmé Avatar de fadex
    Inscrit en
    Septembre 2005
    Messages
    223
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Septembre 2005
    Messages : 223
    Par défaut
    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
    23
    24
    25
    26
    <tr> 
                  <td colspan="5" height="34"> 
                    <div align="left">Formation 
                      <select name="formation" size="1">
                        <option value="PE" onclick="javascript:document.getElementById('disc').style.display='none'">Professeur des &eacute;coles (PE)</option>
                        <option value="PLC" onclick="javascript:document.getElementById('disc').style.display='inline'">Professeur des lyc&eacute;es et coll&egrave;ges 
                        (PLC)</option>
                      </select>
    <br />
                      <select name="annee" size="1">
                        <option value="1">1&egrave;re ann&eacute;e</option>
                        <option value="2">2&egrave;me ann&eacute;e</option>
                      </select>
                    </div>
    				</td></tr>
     
    			 <tr> 
                  <td height="31" colspan="5">Discipline 
                    <select id="disc" style="display:none" name="discipline" size="1">
                      <option value="1ALL">CAPES ALLEMAND</option>
                      <option value="1ANG">CAPES Anglais</option>
                      <option value="1DOC">CAPES Documentation</option>
                      <option value="1MUS">CAPES Education Musicale</option>
                    </select>
                  </td>
                </tr>

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

Discussions similaires

  1. [AC-2003] Remplir un champ selon la valeur d'un autre champ
    Par jeanpierre67 dans le forum IHM
    Réponses: 2
    Dernier message: 31/07/2011, 17h55
  2. [XL-2007] Remplissage d'un champs selon la valeurs d'un autre
    Par Daniel-Gérald dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 15/11/2010, 21h49
  3. Réponses: 4
    Dernier message: 27/03/2008, 23h01
  4. champs reprenant la valeur d'un autre champs
    Par tojiji dans le forum Access
    Réponses: 2
    Dernier message: 31/07/2006, 16h40
  5. Réponses: 8
    Dernier message: 22/03/2006, 17h16

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