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
Javascript
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>
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.
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; }
é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.
Partager