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. <script language="javascript">

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

    }

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