[code] Comment lister tous les éléments d'une form

Version imprimable

Bonjour,
Voilà, j'aimerai lister tous les éléments d'une form.
J'ai la form suivante:

Code:

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
 
 
<FORM NAME = 'PAF_FORM'>
<TABLE width='100%'>
<TR><TD colspan='2' class='Title'>Header Informations</TD></TR>
<TR>
<TD width='50%'>
<TABLE>
<TR>
<TD class='Cell1_1'>Sender Mailbox: </TD>
<TD class='Cell2_1' ID='SENDER_MAILBOX'></TD>
</TR>
<TR>
<TD class='Cell1_1'>Recipient Mailbox: </TD>
<TD class='Cell2_1' id = 'RECIPIENT_MAILBOX'><SELECT name='selectBox' onChange="document.getElementById('CUSTOMER_IDENTIFICATION').innerHTML=this.value;">
<OPTION value='5022629010001'>FORD DE
<OPTION value='45851258579632'>VISTEON DE
</SELECT>
</TD>
</TR>
<TR>
<TD class='Cell1_1'>Invoice Number: </TD>
<TD class='Cell2_1'><INPUT id='INVOICE_NUMBER' type='text'></TD>
</TR>
<TR>
<TD class='Cell1_1'>order Reference: </TD>
<TD class='Cell2_1'><INPUT id='ORDER_REFERENCE' type='text'></TD>
</TR>
<TR>
<TD class='Cell1_1'>BOL reference: </TD>
<TD class='Cell2_1'><INPUT id='BOL_REFERENCE' type='text'></TD>
</TR>
<TR>
<TD class='Cell1_1'>Customer Identification: </TD>
<TD class='Cell3' ID='CUSTOMER_IDENTIFICATION'></TD>
</TR>
<TR>
<TD class='Cell1_1'>Supplier Identification: </TD>
<TD class='Cell3' ID='SUPPLIER_IDENTIFICATION'></TD>
</TR>
</TABLE>
</TD>
..
...
.....
 
</FORM>

mais lorsque je fais:

Code:

1
2
3
4
5
6
 
 
for(var i=0;i<=document.forms.PAF_FORM.elements.length;i++)
{
       alert(document.forms.PAF_FORM.elements[i]);
}

ça ne marche pas, et j'ai l'erreur suivante:

Citation:

document.forms.PAF_FORM.elements à la valeur nulle ou n'est pas un objet

Je ne comprends pas pourquoi ça ne fonctionne pas.
Quelle est le problème.

Merci grandement pour votre aide.

16/10/2006, 10h22
SpaceFrog

Tu as juste un petit souci de syntaxe :

Code:

document.forms['PAF_FORM'].elements.length

ou moins rigoueux:

Code:

document.PAF_FORM.elements.length
16/10/2006, 10h39
LE NEINDRE

Bonjour SpaceFrog !

Merci pour ta réponse !
J'ai essayé les deux syntaxes, sans succès ....

Est-ce que a peut venir du fait que dans mes éléments (<INPUT>) je ne spécifie pas d'attributs "name" mais uniquement des attributs "id" ??
16/10/2006, 11h00
LE NEINDRE
Et bien non, autant pour moi ! ça fonctionne...

En fait je plaçait ce code dans la barre des titres de mon navigateur:
Code:

1 2 3 javascript:{alert(document.forms['PAF_FORM'].elements.length)}
Et j'obtenais une erreur.
Mais c'est parce que j'ai des frame et donc évidemment, je ne pouvais pas accéder à la form PAF_FORM avec ce code ....

Merci beaucoup pour ton aide SpaceFrog !!
Et bonne fin de matinée.

Code:

1
2
3
4
5
function test(){
   for(var i=0;i<=document.getElementById('PAF_FORM').elements.length-1;i++){
      alert(document.getElementById('PAF_FORM').elements[i].tagName);
   }
}

Code:

<form id="PAF_FORM" name="PAF_FORM">

16/10/2006, 11h23
SpaceFrog

arf désolé je n'avais pas fais vu le tableau

un tableau inclus dans un form, et surtout avec des elements de form dedans...
le tableau masque les elements qui ne sont pas faits pour être mis dasn un tableau ...

utilises plutot des fieldset !