Ajout dynamique champ formulaire

Bonjour,

je dois créer un formulaire où il y a une liste de choix et suivant le choix fais par l'utilisateur, je dois faire apparaître un input type="text". Mais je ne trouve pas comment faire. J'ai trouver plusieurs scripts javascript qui le font mais il faiut cliquer sur un lien pour que le champ apparaisse. Je voudrais que le champ apparaisse tout seul.

Voici le code de ma page :

<table width="72%" align="center" border="0">
       <tr>
		<td colspan="3">Que voulez vous faire ?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<select id="nature" OnChange="nature()">
				<option>Choisir la nature du prêt</option>
				<option value="Réservation d'un livre des magasins pour la consultation sur place">Réservation d'un livre des magasins pour la consultation sur place</option>
				<option value="Réservation d'un livre des magasins pour le prêt à domicile">Réservation d'un livre des magasins pour le prêt à domicile</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>
			c'est ici que je veux que le champ apparaisse.
		</td>
        </tr>

et voici ma fonction nature :

function nature()
{
document.createElement("<input name='toto' type='file' id='toto'/>");
document.getElementById('madiv').appendChild(input);
}

Merci de votre aide.
Modifié par Phoceen (20 Jul 2006 - 19:56)

J'ai pas lu le code (trop berk) mais je pense qu'il serait plus facile d'afficher un champ caché par display:none plutôt que de le créer après coup

Pourquoi trop berk ??

A cause des tableaux qui peuvent sûrement être remplacés par autre chose. Mais passons, ce n'est pas notre problème premier. Par contre il faudra s'y pencher par la suite...