Discussion :

[vichenze]

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)

[ryan]

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é.

[tusssss]

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.

[vichenze]

Merci à vous 2, j'ai préféré la première solution parce que j'avais juste besoin du champ hidden correspondant au form.