Utiliser html dans javascript

Résolu
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. 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.
    1. moi je veux selectionner le nombre de champs a generer et il les affiche sans effacer d'autre chose
      merci
      1. 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
        1. tu place le code à l'endroit où tu veut que les champs s'affiche
          1. le probleme que tout la page s'efface
            il m'affiche que les champs
            1. <script language="javascript">

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

              }

              </script>