Passer une variable javascript dans un input type hidden

**papis301** · 10/01/2017, 18h17

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 ?

**danielhagnoul** · 10/01/2017, 21h56

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>

Passer une variable javascript dans un input type hidden

JavaScript

Discussions similaires

Partager

Partager