Discussion :

[LE NEINDRE]

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

Code :

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
 
 
<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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:

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.

[SpaceFrog]

Tu as juste un petit souci de syntaxe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou moins rigoueux:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.PAF_FORM.elements.length

[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" ??

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bisûnûrs]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 !