Obtenir valeur d'un élément fils dans form

Version imprimable

03/06/2008, 14h29
shadowbob

Obtenir valeur d'un élément fils dans form
Bonjour,

J'aurai souhaité obtenir la valeur de l'élément fils d'un ID...
le mieux c'est que j'explique en code...
Code:

1 2 <label id="parent"><input type="text" value="toto" name="test" /></label>
Donc il faudrait que je puisse récupérer la valeur "toto" en cherchant par l'id "parent".
un truck dans le style document.getElementById('parent').getElementByTagName('input')[0].value
Je ne sais pas si j'ai été assez claire...
Je vous en remerci d'avance.

Edit : Je ne désire pas mettre un id directement sur l'input, car ca n'ira pas pour la suite de mon code...
Sinon, le sens inverse peut m'être utile, un id dans l'input, et que l'on puisse changer la class CSS du Label...
03/06/2008, 14h49
E.Bzz

Bonjour,
à quoi sert ce <label> ? :?

Ce n'est pas du tout comme ça que cet objet s'utilise : c'est une étiquette, pas un conteneur => utilise plutôt un span ...

Mais pour répondre quand même :

Code:

document.getElementById('parent').getElementsByName('test')[0]

A+
03/06/2008, 14h57
Matthieu2000

Citation:

getElementByTagName

avec un s
03/06/2008, 15h09
shadowbob

Salut,
merci de ta réponse.
le <label> conteneur sers à simplifier le code au lieu de faire

Code:

<label for="test">Nom :</label> <input type="text" id="test" name="test" />

tu fais :

Code:

<label>Nom : <input type="text" id="test" name="test" /></label>

Ca revient au même

M'enfin je pouvais mettre aussi div span etc... mais c'était juste pour l'exemple..

Le getElementByName ne fonctionne pas, par contre celle de Matthieu2000 marche !
effectivement j'ai oublié le s.
Merci :)
03/06/2008, 15h23
E.Bzz

Citation:

Envoyé par shadowbob

Le getElementByName ne fonctionne pas, par contre celle de Matthieu2000 marche !
effectivement j'ai oublié le s.

Dans getElementsByName aussi :roll:
03/06/2008, 15h36
shadowbob

Citation:

Envoyé par E.Bzz

Dans getElementsByName aussi :roll:

Je me suis mal réveillé aujourd'hui :P
Ca fonctionne, mais c'est pas ce que je veut car ca oblige qu'un seul input, alors que moi je veut que ca puisse intégrer plusieurs input... mais bon ca fonctionne par le tag ;)
merci encore
03/06/2008, 15h40
E.Bzz

Citation:

Envoyé par shadowbob

ca oblige qu'un seul input, alors que moi je veut que ca puisse intégrer plusieurs input...

Tu confonds pas les 2 là ? :koi:

Ce problème sera le même avec les 2 instructions ...

L'essentiel étant que ça fonctionne ;)

A+

Citation:

Envoyé par E.Bzz

Tu confonds pas les 2 là ? :koi:

Ce problème sera le même avec les 2 instructions ...

L'essentiel étant que ça fonctionne ;)

A+

le getElementsByTagName permets d'en prendre plusieurs, alors que le getElementsByName on peut en prendre qu'un seul.

je te montre ma source

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
HTML :
...
<script type="text/javascript">
	var init_var = new Array('test_checkbox');
 
	var text_erreur = "Vous devez compléter tous les champs en rouge";
</script>
...
<div id="test_checkbox">
	<label><input type="checkbox" name="test_checkbox" /> Test de Checkbox un des 2 obligatoire</label><br />
	<label><input type="checkbox" name="test_checkbox" /> Test de Checkbox un des 2 obligatoire</label>
</div>
...

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
 
javascript.js :
 
 
function getId(lid)
{
	return document.getElementById(lid);
}
 
 
function verif_form(obligatoires)
{
	var valide;
	var erreur = false;
	for(var i = 0; i < obligatoires.length; i++)
	{
		var obl = getId(obligatoires[i]).getElementsByTagName('input');
 
		valide = 0;
		for (var j = 0; j < obl.length; j++)
		{
			if ((obl[j].type == 'text' || obl[j].type == 'hidden') && obl[j].value) valide = 1;
			if (obl[j].type == 'checkbox' && obl[j].checked) valide = 1;
			if (obl[j].type == 'radio' && obl[j].checked) valide = 1;
		}
 
		if (!valide)
		{
			getId(obligatoires[i]).className = 'erreurMenu';
			erreur = true;
		}
		else
		{
			getId(obligatoires[i]).className = '';
		}
	}
 
	if (erreur)
	{
		alert(text_erreur);
	}
	else
	{
		document.menu.submit();
	}
}

Ce bout de code sers dans un formulaire à indiquer tout ce qui se place dans un conteneur de l'id voulu d'être obligatoire... Tiens je vient de me rendre compte que j'ai oublié les select :aie:

03/06/2008, 16h49
E.Bzz

Citation:

Envoyé par shadowbob

le getElementsByTagName permets d'en prendre plusieurs, alors que le getElementsByName on peut en prendre qu'un seul.

Non : l'un cible des tag, l'autre cible des name.
Les 2 retournent un tableau d'éléments (d'où les "s") ...

Citation:

Envoyé par shadowbob

Tiens je vient de me rendre compte que j'ai oublié les select :aie:

Avec getElementsByTagName('input') ça va être chaud :mouarf:

En ciblant les name tu n'aurais pas à te poser la question du type de l'élément ;)

A+
03/06/2008, 17h03
shadowbob

Citation:

Envoyé par E.Bzz

Non : l'un cible des tag, l'autre cible des name.
Les 2 retournent un tableau d'éléments (d'où les "s") ...

Avec getElementsByTagName('input') ça va être chaud :mouarf:

En ciblant les name tu n'aurais pas à te poser la question du type de l'élément ;)

A+

Exacte !
tu marque un point la !
et je ne savais pas pour ton tableau... merci pour l'info !
mais pour le select j'ai triché ! j'incrémente un input hidden.
Mais je prends en note pour une prochaine fois ton astuce !

Edit : je viens de me rendre compte d'un truck... si je fais un getElementsByName, il faut que je lui indique 1 seul nom pour plusieurs input... et après mon formulaire sera faussée...