Utiliser html dans javascript

Résolu
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   -  
Tarble Messages postés 592 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

je veux faire une boucle for qui me generer les champs input de type text

par exemple la boucle tourne du 0 a 3 elle m'affiche 3 champs de text

comment le faire
merci


A voir également:

9 réponses

JessayeDeTrouver Messages postés 270 Date d'inscription   Statut Membre Dernière intervention   47
 
<script language="javascript">

for(n=0;n<3;n++)
{
document.write("<input type='text'>");

}

</script>
0
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   7
 
merci beaucoup
0
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   7
 
le probleme que tout la page s'efface
il m'affiche que les champs
0
JessayeDeTrouver Messages postés 270 Date d'inscription   Statut Membre Dernière intervention   47
 
tu place le code à l'endroit où tu veut que les champs s'affiche
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   7
 
voici mon code

<html>
<FORM name="changer" METHOD="POST" ACTION="test.php" enctype="multipart/form-data">
<input type="submit" name="valider">
<select id="bib" onchange='fct()' ><option>1</option><option>2</option>
<option>3</option>
</select>

<SCRIPT language="JavaScript">
fct()
{var i;
for(n=0;n<3;n++)
{
document.write("<input type='text' name="+n+"></br>");

}
</ScRIPT>

normalement il afficheront au dessous du la liste deroulante
0
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   7
 
moi je veux selectionner le nombre de champs a generer et il les affiche sans effacer d'autre chose
merci
0
Tarble Messages postés 592 Date d'inscription   Statut Membre Dernière intervention   103
 
donc je reprend ton problème


<html>

<head>

<script type="text/javascript">
var i = 0;

function ajouterinput(nb)
{
var inputs = "";

for(i=0; i!=nb; i++)
{
inputs = inputs + "<input type='text' /><br />";
}
document.getElementById('placelesici').innerHTML = inputs;

}
</script>

</head>

<body>

Blablabla de la page.

<div id="placelesici">
<input value="Combien voulez vous d'input ?" id="nbagenerer" /> <button onclick="ajouterinput(document.getElementById('nbagenerer').value)">Generer</button>
</div>

Un autre blabla

</body>

</html>

Voila le code est parfaitement fonctionnel.
0
yuri648 Messages postés 677 Date d'inscription   Statut Membre Dernière intervention   7
 
j'ai compris le prinsipe merci infiniment
0
Tarble Messages postés 592 Date d'inscription   Statut Membre Dernière intervention   103
 
De rien
0