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 -
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
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:
- Utiliser html dans javascript
- Utiliser chromecast - Guide
- Editeur html - Télécharger - HTML
- Utiliser iphone comme webcam - Guide
- Utiliser tablette comme deuxieme ecran - Guide
- Telecharger javascript - Télécharger - Langages
9 réponses
<script language="javascript">
for(n=0;n<3;n++)
{
document.write("<input type='text'>");
}
</script>
for(n=0;n<3;n++)
{
document.write("<input type='text'>");
}
</script>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
<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
moi je veux selectionner le nombre de champs a generer et il les affiche sans effacer d'autre chose
merci
merci
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.
<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.