Discussion :

[gemine]

Bonjour à tous,

Je suis tout nouveau dans ce monde de développement, je viens de découvrir le java, spring, oracle, javascript. Beaucoup de chose quoi (en 9 mois, pas de dév avant...)

J'ai un petit soucis de javascript.

Je dois récupérer tous les id d'un form et j'utilise pour cela :

Code :

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

1
2
3
4
        var spans = document.forms[0].elements;
	for (iT = 0; iT < spans.length; iT++) {
		alert("id = " + spans[iT].id + "et "+ spans[iT].path);
	}

Je récupère bien les select, les inputs, radio button mais par contre je n'ai pas les labels et les spans.

Savez vous pourquoi????
Merci de votre aide.

[E.Bzz]

Bonjour et bienvenue dans le forum JavaScript

Je récupère bien les select, les inputs, radio button mais par contre je n'ai pas les labels et les spans.

Savez vous pourquoi????

Parce que les label et span ne sont pas des éléments du formulaire (au sens où ils ne sont pas pris en compte dans la collection "document.forms[].elements").

A+

[Auteur]

dans ce cas le mieux est de faire :

Code :

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

1
2
3
 
var formulaire = document.getElementById("idForm");
var tabElements = formulaire.getElementsByTagName("*");

Il faut que la balise form ait l'attribut id renseigné (ici sa valeur est idForm)

Code html :

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

<form id="idForm" action="">

ensuite grâce à getElementsByTagName("*") on récupère tous les éléments contenus dans le formulaire (la fonction retourne un tableau).

[gemine]

Merci pour vos réponses super rapide.

Effectivement comme cela je récupère tout (même un peu trop, mais je vais y faire du tris).

Encore merci.

[E.Bzz]

(même un peu trop, mais je vais y faire du tris)

Attention lors de ton tri : le "un peu trop" ne sera pas le même suivant le navigateur.

Voir la FAQ sur ce sujet

A+

[gemine]

Merci, j'ai bien avancé sur le sujet.

Je suis confronté à un autre problème.

Ma fonction scanne tous les éléments d'un form et traite les saisies de l'utilisateur.
Mon soucis c'est qu'en fonction de ses saisies, il y a des choses comme :

Code :

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

1
2
 
<span id="aNePasTraite" style="display: none;">

avec des div en dessous.

Vu que ce n'est pas affiché, j'ai des erreurs car je ne dois pas les traités.

Y a t il moyen de trouver le span fermant correspondant (comme faire un saut dans ma boucle) qui est :

Code :

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

1
2
3
4
5
6
7
 
	var formulaire = document.getElementById(nomDuFORM);
	var tabElements = formulaire.getElementsByTagName("*");
 
		for (var i = 0; i < tabElements.length; i++) {
			elementEnTest = tabElements[i]; 
                        ...

Merci à vous

[SpaceFrog]

parceque elements est la collection des champs de formulaire et un spn n'est pas un champs

essaye avec childNodes ou getElementsByTagName('*')
à la place