ajout d'un champs input text dans un formulaire
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:
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:
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.
