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 :

Passer une variable javascript dans un input type hidden


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Juin 2009
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 2
    Par défaut Passer une variable javascript dans un input type hidden
    Bonjour, j'essai de passer une variable javascript que je recupére au début de mon fichier html et le passer par un button en html. Comment je peux procéder merci ?

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    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
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
      <style>
        form {
          margin: 1.5rem;
        }
      </style>
      <script>
        'use strict';
     
        document.addEventListener( 'DOMContentLoaded', ev => {
                
        });
        
        window.addEventListener( 'load', ev => {
                    
          let n = 12;
          
          document.querySelector( "#btnTest" ).addEventListener( "click", ev => {
            document.querySelector( "#formHiddenInput" ).value = n;
          });
          
          document.querySelector( "#formTest" ).addEventListener( "submit", ev => {
            ev.preventDefault();
            ev.stopPropagation();
            
            console.log( "nom value = ", document.querySelector( "#formNom" ).value );
            console.log( "hidden value = ", document.querySelector( "#formHiddenInput" ).value );
          });
          
        });
      </script>
    </head>
    <body>
      <main>
     
        <button id="btnTest">Modifier</button>
     
        <form id="formTest">
          <input type="text" id="formNom" placeholder="votre nom" value="Daniel" name="nom">
          <input type="hidden" id="formHiddenInput" value="0">
          <input type="submit">
        </form >
     
      </main>
    </body>
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. [AJAX] passer une variable javascript dans python
    Par stoner2008 dans le forum AJAX
    Réponses: 2
    Dernier message: 15/05/2012, 15h52
  2. Passer une variable PHP dans JavaScript
    Par freud dans le forum Langage
    Réponses: 16
    Dernier message: 03/05/2011, 18h51
  3. Passer une variable à javascript dans XML
    Par klod67 dans le forum XML/XSL et SOAP
    Réponses: 9
    Dernier message: 19/06/2007, 09h46
  4. Réponses: 3
    Dernier message: 26/06/2006, 13h48
  5. passage d'une variable javascript dans du html
    Par the_ugly dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/02/2006, 16h08

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