enlever des éléments de formulaire dynamiquement

Version imprimable

Bonjour,

Sur ma page html j'ai un formulaire classique et un menu. Si l'utilisateur choisis une certaine option dans ce menu, les informations entrées par l'utilisateur dans le formulaire sont ignorées et une certaine page est chargée.
Je voudrais que dans ce cas là, seuls deux elements soient postés: mon input name="action" et mon input name="info".
Je pensais supprimer dynamiquement les éléments juste avant le submit (qui a lieu lorsqu'on clique sur l'option du menu)
Quelque chose comme:
Code:

1 2 3 4 5 6 7 8 9 for(var i = 0; i < document.forms[0].elements.length; i++) { if(document.forms[0].elements[i].name != 'action' && document.forms[0].elements[i].name != 'info') { document.forms[0].removeElement(i); } } document.forms[0].submit();
La fonction removeElement n'existe pas, mais c'est pour donner une idée.
Il faut aussi savoir que
- le nombre d'éléments de la page est variable
- je ne peux pas attribuer d'id aux éléments de la page (sauf à action et info si ça peut aider)

Si vous connaissez une solution...

Merci d'avance

15/02/2006, 17h00
SpaceFrog

removeChild en ayant repéré l'indice

PS: pense aux balises code ...
15/02/2006, 17h12
jeanvincent

Merci pour ta réponse. Peux tu développer?

D'après le site de mozilla, il faut passer un id à removeChild() ce que je ne peux pas faire puisque soit je ne connais pas les id, soit les éléments n'en ont pas.
15/02/2006, 17h16
SpaceFrog
tu n'est pas obligé de passer un id tu peux passer un objet ...

il te suffit de scanner tous les elements du form ...

Code:

document.forms[0].Elements

dans une boucle et de teste légalité par rapport à l'element que tu veux supprimer ...
Code:

1 2 3 if (document.forms[0].Elements[i]==Obj){ document.forms[0].removeChild(document.forms[0].Elements[i]) }
pas testé mais ça devrait fonctionner ...

Je viens de tester ça:

Code:

1
2
3
4
5
6
7
8
for(var i = 0; i < document.forms[0].elements.length; i++) 
{ 
  if(document.forms[0].elements[i].name != 'action' && document.forms[0].elements[i].name != 'info')
  { 
       document.forms[0].removeChild(document.forms[0].elements[i]);
  } 
} 
document.forms[0].submit();

et safari m'annonce une DOM Exception 8 à la ligne du removeChild

16/02/2006, 10h58
jeanvincent

Quelqu'un a une idée?
16/02/2006, 15h51
jeanvincent

Il semblerait que le removeChild ne fonctionne pas si l'élément à supprimer n'est pas direct childNode du FORM, c'est à dire s'il y a des "child" intermédiaires (div ou autres).

Du coup, je ne sais pas comment accéder autrement aux éléments d'un formulaire
16/02/2006, 15h57
SpaceFrog

ben fait le removeChild à partir du parent de l'élément ...

C'est ce que j'étais en effet en train de tester:

Code:

1
2
3
4
5
6
7
8
9
 
for(var i = 0; i < document.forms[0].getElementsByTagName('input').length; i++)
{
    if(document.forms[0].getElementsByTagName('input')[i].name != "action") 
    {
        document.forms[0].getElementsByTagName('input').parentNode.removeChild(document.forms[0].getElementsByTagName('input')[i]);
    }
 
}

Ca fonctionne bien.