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 :

Créer un champ formulaire selon l'état d'un bouton radio


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Mai 2019
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Vendée (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2019
    Messages : 4
    Par défaut Créer un champ formulaire selon l'état d'un bouton radio
    Bonjour à tous,
    j’essaie de faire apparaître un nouveau formulaire si le visiteur sélectionne "oui" dans le bouton radio.
    Mais je n'arrive même pas à faire apparaître une ligne! (alors que je l'ai déjà fait)
    Est-ce que vous voyez l'erreur et mieux, si en plus vous savez comment faire apparaître un <input text> à la suite, c'est ce que je cherche.
    merci;

    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
    <form action="#">
      <label for="letter">Souhaitez-vous recevoir notre newsletter avec les dernière actualités de notre région?</label><br />
                        <input type="radio" name="nL" onclick='nextForm(this);' value="oui">Oui
                        <input type="radio" name="nL" onclick='nextForm(this);' value="non" checked>Non<br />
                        <span id='ouiletter'></span>
                        <br />
    </form>
     
    <script language="javascript">
      function nextForm(nL)
                {
                    var enrEmail;
                    if(nL.value=="oui")
                    {
                        enrEmail = "Entrez votre mail: ";
                    }
                    if(nL.value=="non")
                    {
                        enrEmail = "";
                    }
                    var choix=document.getElementById('ouiletter');
                    choix.innerHTML=enrEmail;
                    <br />
                }
     
    </script>

  2. #2
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    Tu as un <br /> de trop dans la partie JavaScript, ligne 23.
    La balise <script> est suffisante, par défaut, les navigateurs savent qu'il s'agit de JavaScript (accessoirement cela permet une continuité de colorisation syntaxique).
    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
    <form action="#">
      <label for="letter">Souhaitez-vous recevoir notre newsletter avec les dernière actualités de notre région?</label><br />
                        <input type="radio" name="nL" onclick='nextForm(this);' value="oui">Oui
                        <input type="radio" name="nL" onclick='nextForm(this);' value="non" checked>Non<br />
                        <span id='ouiletter'></span>
                        <br />
    </form>
     
    <script>
      function nextForm(nL)
                {
                    var enrEmail;
                    if(nL.value=="oui")
                    {
                        enrEmail = "Entrez votre mail: ";
                    }
                    if(nL.value=="non")
                    {
                        enrEmail = "";
                    }
                    var choix=document.getElementById('ouiletter');
                    choix.innerHTML=enrEmail;
                }
     </script>
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

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

Discussions similaires

  1. Branchement IF selon l'état d'un bouton
    Par lkr22 dans le forum Qt
    Réponses: 3
    Dernier message: 29/04/2019, 19h29
  2. [AC-2013] Remplissage champ formulaire selon teste en VBA depuis une table
    Par Seyar dans le forum Access
    Réponses: 6
    Dernier message: 22/09/2016, 19h31
  3. Remplir un champ formulaire selon choix menu déroulant
    Par chile dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/04/2016, 16h23
  4. Créer des champs texte selon une valeur saisie
    Par alfred5 dans le forum NetBeans
    Réponses: 6
    Dernier message: 25/06/2011, 14h20
  5. Récuperer l'état d'un bouton radio
    Par Jibees dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 05/04/2006, 09h54

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