Ajout inputbox formulaire javascript

Fermé
MrMixou - Modifié par MrMixou le 24/07/2012 à 14:17
julie-f Messages postés 63 Date d'inscription mardi 3 juillet 2012 Statut Membre Dernière intervention 31 août 2012 - 24 juil. 2012 à 18:04
Bonjour,

J'aimerais créer une fonction javascript qui me génère le code suivant dans ma page :


<div>   
Départements :   
<input type="text" id="departement" name="departement"/>   
</div>   
<div id="departement_propositions" class="autocomplete"></div>



L'objectif étant d'ajouter de nouveaux champs dans ma page.
J'ai essayé d'utiliser innerHTML, mais je ne sais pas comment le faire fonctionner.

Merci
A voir également:

1 réponse

julie-f Messages postés 63 Date d'inscription mardi 3 juillet 2012 Statut Membre Dernière intervention 31 août 2012 10
Modifié par julie-f le 24/07/2012 à 18:04
Bonjour,

Le innerHTML remplace le contenu d'un objet par ce que tu lui passe en paramètre. Exemple dans ton cas :


<head> 

<script type='text/javascript'> 
 function changediv(){ 
  //Remplace ce qui est dans ton <div id="form"> par ton code 
  document.getElementById('form').innerHTML = '<div>Départements : <input type="text" id="departement" name="departement"/></div><div id="departement_propositions" class="autocomplete"></div>'; 
 } 
</script> 

</head> 
<body> 
text non modifié 
<div id="form"> 
 ancien text 
</div> 
<a href="#" onclick="javascript:changediv();">change</a> 
</body>
0

Discussions similaires