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 :

Récupérer champ hidden d'un form


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Janvier 2006
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 40
    Par défaut Récupérer champ hidden d'un form
    Bonjour,

    Sur une page j'ai plusieurs formulaires de ce type :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form action="javascript:ajout(XXX)" method="get" >
    Texte correspondant à l id
    <input type="hidden" class="id" name="id" value="548" />
    <input type="submit" value="Insert" />
    </form>
    Quand le formulaire est validé je voudrais appeler une fonction ajout() avec comme paramètre la valeur du champ hidden "id" correspondant.
    Le problème c'est qu'il y a plusieurs formulaires identiques sur la page, je ne peux donc pas remplacer class="id" par id="id" et utiliser simplement ajout(getElementById('id')).

    Quelqu'un pourrait me donner une piste sur ce que je dois mettre à la place de XXXX ?
    Merci d'avance.

    Y'a peut être un moyen beaucoup plus simple de tourner les choses, mais je suis pas habitué au JS donc je vois que ça pour l'instant.
    (Note : le formulaire n'est pas obligatoire, si c'est faisable avec un simple lien c'est bon aussi)

  2. #2
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!

    Si cela peut t'aider, il suffit de remplacer alert par le nom de ta fonction.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <form action="" method="get" >
    Texte correspondant à l id
    <input type="hidden" class="id" name="theid" value="548" />
    <input type="submit" value="Insert" / onClick="alert(this.parentNode.theid.value);">
    </form>
    Note que j'ai changé le nom du champ caché car j'ai l'impression que ID est un mot protégé.

  3. #3
    Membre chevronné
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form action="" method="get" onsubmit="recuphidden()">
    Texte correspondant à l id
    <input type="hidden" class="id" name="theid" value="548" />
    <input type="submit" value="Insert" />
    </form>
    avec ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    function recuphidden()
    {
        //On attrape tous les inputs
        TabInputs=document.getElementsByTagName('input');
        //On prépare un tableau pour y stocker les hidden
        TabHidden=new Array();
     
        //On parcoure la collection des inputs pour mettre les hidden dans l'array
        for(i=0;i<TabInputs.length;i++){
        if(TabInputs[i].type=='hidden'){TabHidden.push(TabInputs[i])}
        }
        //Voilà maintenant TabHidden ne comporte que les hidden de la page 		
    }
    Après ça, tu as récupéré tous les champs hidden de ta page dans TabHidden.

  4. #4
    Membre averti
    Inscrit en
    Janvier 2006
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 40
    Par défaut
    Merci à vous 2, j'ai préféré la première solution parce que j'avais juste besoin du champ hidden correspondant au form.

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

Discussions similaires

  1. Récupérer des champs 'hidden' multiples
    Par Laskar dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 18/09/2012, 14h09
  2. [script.aculo.us] Ajax.Autocompleter : récupérer valeurs et les rapatrier vers champs hidden d'un formulaire
    Par almoha dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 01/07/2011, 13h54
  3. récupérer valeur d'un champ hidden
    Par noussa_88 dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 04/09/2009, 13h00
  4. AJouter un champs hidden dans un form puis soumettre me form
    Par Attrox dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/03/2009, 09h27
  5. récupérer plusieurs valeurs dans un champ hidden
    Par karimphp dans le forum Langage
    Réponses: 3
    Dernier message: 07/12/2006, 17h13

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