Utiliser html dans javascript

Résolu
yuri648 Messages postés 785 Statut Membre -  
Tarble Messages postés 694 Statut Membre -
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

9 réponses

  1. JessayeDeTrouver Messages postés 300 Statut Membre 47
     
    <script language="javascript">

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

    }

    </script>
    0
  2. yuri648 Messages postés 785 Statut Membre 7
     
    merci beaucoup
    0
  3. yuri648 Messages postés 785 Statut Membre 7
     
    le probleme que tout la page s'efface
    il m'affiche que les champs
    0
  4. JessayeDeTrouver Messages postés 300 Statut Membre 47
     
    tu place le code à l'endroit où tu veut que les champs s'affiche
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. yuri648 Messages postés 785 Statut Membre 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
  7. yuri648 Messages postés 785 Statut Membre 7
     
    moi je veux selectionner le nombre de champs a generer et il les affiche sans effacer d'autre chose
    merci
    0
  8. Tarble Messages postés 694 Statut Membre 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
  9. yuri648 Messages postés 785 Statut Membre 7
     
    j'ai compris le prinsipe merci infiniment
    0
  10. Tarble Messages postés 694 Statut Membre 103
     
    De rien
    0