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

  1. #1
    Membre averti
    [code] Comment lister tous les éléments d'une form
    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.
    tout le monde est d'accord pour critiquer la pensée unique

  2. #2
    Rédacteur/Modérateur

    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
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Membre averti
    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" ??
    tout le monde est d'accord pour critiquer la pensée unique

  4. #4
    Membre averti
    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.
    tout le monde est d'accord pour critiquer la pensée unique

  5. #5
    Modérateur

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

  6. #6
    Rédacteur/Modérateur

    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 !
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

###raw>template_hook.ano_emploi###