Discussion :

[korrigann]

Bonjour,
voila j'explique mon soucis, j'ai fais un formulaire dans lequel on choisit le nombre d'enfants avec un select. suite à ce choix dans ce select je voudrai faire apparaitre autant de champs input text que d'enfants afin de remplir leur âge.

HTML

Code :

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

1
2
3
4
5
6
7
8
9
<form name="form" ...>
<select name="NombreDEnfants" OnChange="AgeEnfants(this.id)">
<option value=0>0</option>
<option value=1>1</option>
...
<option value=5>5</option>
</select>
<div id="age">/div>
</form>

Javascript

Code :

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

1
2
3
4
5
6
7
8
function AgeEnfants(elem)
{
        var age ='';
	var NbEnfants = document.getElementById(elem).selectedIndex;
	for (var i=0; i<NbEnfants; i++)
		age +='<input type="text" name="age' + i +'" size="2" maxlength="2">';
	document.getElmentById('age').innerHTML = age;
}

J'arrive à récupérer le nombre d'enfants sélectionné avec le selectedIndex mais j'arrive pas à créer les champs de type text avec le innerHTML.

étant pas très à l'aise avec le Javascript j'attend vos conseils pour savoir s'y je m'y prend comme il faut pour réaliser ça et pour comprendre pourquoi ce que j'ai fait marche pas.
Merci.

[Auteur]

bonjour,


Pour le select, récupère la valeur plutôt que l'index qui ne correspond pas forcément au nombre d'enfants (ou à la valeur).
et une faute de frappe à getElementById (manque un e).

Code :

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

1
2
3
4
5
6
7
8
9
 
function AgeEnfants(elem)
{
        var age ='';
   var NbEnfants = document.getElementById(elem).value;
   for (var i=0; i<NbEnfants; i++)
      age +='<input type="text" name="age' + i +'" size="2" maxlength="2">';
   document.getElementById('age').innerHTML = age;
}

et le code HTML. Remplace name par id (c'est un d'ailleurs un id que tu transmets comme paramètre) :

Code :

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

<select id="NombreDEnfants" OnChange="AgeEnfants(this.id)">

[korrigann]

C'est Ok c'était la faute de frappe sur le getElementById...
je devrai me relire plus attentivement c très con

j'avai oublié de réécrire id dans le post mais j'utilise bien l'id...
quant aux index, dans mon cas il correspondent aux ages mais je vais tout de même changer ma fonction et récupérer les valeurs

Merci bocou...

[SpaceFrog]

attention les browser n'apprécient pas vraiment la modification des forms par le innerHTML ...
l'input risque de ne pas être pris en compte dans le submit ...

mieux vaut passer par des createElement ...