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 :

[Javascript] Création d'un champ dynamique ??


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    99
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 99
    Points : 46
    Points
    46
    Par défaut [Javascript] Création d'un champ dynamique ??
    Bonjour à tous,
    j'ai une petite question à vous poser.
    J'ai un formulaire avec 3 radio boutons et je voudrais faire apparaitre des champs supplémentaire à remplir si l'utilisateur clique sur un radio bouton précis.

    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
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
     
    	<form id="formulaire" name="formulaire" method="post" action="">
          <table cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td><label>J'assisterai &agrave; la conf&eacute;rence :</label></td>
            <td>
            <label><input type="radio" name="reponse[]" value="0"/>Oui</label>
    	    <br />
    		<label><input type="radio" name="reponse[]" value="1"/>Non</label>	  
    	    <br />
      	    <label><input type="radio" name="reponse[]" value="2"/>
      	    Non mais serai repr&eacute;sent&eacute; par <br /> 
    		<input type="text" name="representant" value="" size="40" maxlength="30"/>
      	    </label>
    		</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><em><span class="Style1">*</span><span class="Style2">champs  obligatoires</span></em></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>
    			<input type="submit" name="submit" value="Valider votre inscription" />
              	<input type="reset" name="reset" value="Effacer" />		</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
        </form>
    En gros, je voudrais que le input representant apparaissent seulement et seulement si l'utilisateur clique sur le radio bouton 2...

    Une idée?

  2. #2
    Membre expérimenté

    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    1 278
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 1 278
    Points : 1 639
    Points
    1 639
    Par défaut
    Tu dois bien entendu passer par un simple événement javascript. Pose la question dans le forum approprié.
    Une piste :
    1) Détecte la sélection de l'un des boutons radio (événement onSelect)
    2) Affiche le reste du formulaire (propriété css display: block et cache les parties inutiles (display : none

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    99
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 99
    Points : 46
    Points
    46
    Par défaut
    merci pour l'indication, je vais regarder ca attentivement

Discussions similaires

  1. récuperer le nom d'un champ dynamique dans le javascript
    Par limy9 dans le forum Développement Web en Java
    Réponses: 1
    Dernier message: 20/01/2011, 19h36
  2. ajouter des champs dynamiquement en javascript
    Par ncheboi dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 10/03/2010, 14h28
  3. Formulaire avec champ dynamique javascript/ajax
    Par Louka-65 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/07/2009, 16h34
  4. Réponses: 3
    Dernier message: 06/06/2007, 15h42
  5. ajouter un champ dynamiquement à une instance de table
    Par maniack dans le forum Bases de données
    Réponses: 2
    Dernier message: 28/02/2004, 23h58

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