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

jQuery Discussion :

Changer valeur input Hidden


Sujet :

jQuery

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Février 2003
    Messages
    926
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2003
    Messages : 926
    Par défaut Changer valeur input Hidden
    Bonjour, je n'arrive pas à changer la valeur d'un imput en cliquant sur un bouton. Auriez-vous la bonne méthode svp. Merci d'avance.

    https://jsfiddle.net/p2z4o7hs/2/

    HTML :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <input id="Change" type="button" value="Change" /> 
        <BR>
        <BR>  
        <div id="Conteneur1" align="center">
        <input id="maVal" type="hidden" value="100" /> 
        <div id="Conteneur2" align="center"> 
        </div>
        </div>

    Jquery :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $("#Change").on("click", function () { 
      if ($('#maVal').val("100")) {
           alert($('#maVal').val());
           $('#maVal').value="75";      
          }  else if ($('#maVal').val("75")){
             alert($('#maVal').val()); 
             };
       });
    CSS :

    Code CSS : 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
    #Change {
        word-wrap: break-word;
        overflow: hidden;
        padding-top:0%;
        padding-bottom:0%;
        padding-left:0%;
        padding-right:0%;
        background:red;
        color:white; 
        width:250px;
    }
     
     
    #Conteneur1 {
        word-wrap: break-word;
        overflow: hidden;
        padding-top:0%;
        padding-bottom:0%;
        padding-left:2%;
        padding-right:2%;
        height: 300px;
        width: 250px;
        background:grey;
        color:white;
      border:0;
      line-height: 1.5em; 
      text-align: justify;
      cursor:pointer;  
    }

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if ($('#maVal').val("100")) {
    Non, car là tu AFFECTES la valeur 100.

    Pour COMPARER :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if ($('#maVal').val()=="100") {
    D'autre part (et en 1er lieu), as-tu bien initialisé jQuery ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Février 2003
    Messages
    926
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2003
    Messages : 926
    Par défaut
    Bonjour, c'était simple en effet, le problème est réglé :

    https://jsfiddle.net/p2z4o7hs/4/

    Il fallait bien mettre ($('#maVal').val()=="100") au lieu de ($('#maVal').val("100")).

    Merci beaucoup.

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

Discussions similaires

  1. Select onChange - insérer valeur dans input hidden
    Par abeh25 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 21/01/2009, 17h28
  2. Réponses: 4
    Dernier message: 18/06/2008, 10h50
  3. Récupérer la valeur d'un input hidden
    Par Jimmy_S dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 04/01/2008, 11h42
  4. Réponses: 2
    Dernier message: 01/08/2006, 12h52
  5. changer valeur input a la volée
    Par epeichette dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/05/2006, 11h05

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