Formulaire dynamique avec innerHTML

Bonjour,

J'ai un formulaire dynamique de la sorte :

<form>
  <div id="balise">
    <textarea name="txt[]"></textarea>
  </div>
  <a href="#" onclick="javascript:document.getElementById('balise').innerHTML += '<textarea name="txt[]"></textarea>';">Rajoute un textarea</a>
</form>

Ça marche, à un détail près, si j'ai saisi un truc dans mon premier textarea, ça me le vide quand ça rajoute le 2e, idem quand j'en rajoute un 3e, ça me vide les 2 premiers.

Si vous avez une piste pour m'éaider à résoudre ce problème, je suis preneur

Merci

Geoffrey

Salut Geoffrey,

Ton bug est normal, car le text que tu saisit dans ton textarea n'est stocké nullpart.. donc quand tu modifier le innerHTML de ton div, pour luis le textarea est vide

Personnellement je te conseil plutôt de créer une fonction javascript qui va utiliser les fonctions javascript document.createElement('textarea'); et appendChild(balise);.

Si tu cherche un exemple, voilà un lien
Modifié par Mikerob (10 Feb 2009 - 13:37)