Insertion d'un champ input automatiquement

<html>
  <body>
    <script language="javascript">
      var i=0;
      function addSelect()
      {
        i++;

        // On récupère l'endroit où devra être ajouté la liste

        var divCible = document.getElementById("divCible");

        // On récupère la liste modèle

        var selModele = document.getElementById("select_modele");

        // On la clone dans une nouvelle variable

        var nvxSel = selModele.cloneNode(true);

        // (pour la présentation, on crée un retour à la ligne)

        var br = document.createElement("br");

        // On adapte les attributs de la nouvelle liste : nom, id et affichage

        nvxSel.name = "select" + i;
        nvxSel.id = "select" + i;
        nvxSel.style.display = "inline";

        // On ajoute tout ça à l'emplacement voulu

        divCible.appendChild(nvxSel);
        divCible.appendChild(br);
      }
    </script>

    <!-- Création d'une liste modèle, qui ne sera pas visible -->

    <select id="select_modele" name="modele" style="display:none;">
      <option value="1">element1</option>
      <option value="2">element2</option>
      <option value="3">element3</option>
      <option value="4">element4</option>
    </select>

    <!-- Bouton permettant la copie de la liste modèle -->

    <button onclick="javascript:addSelect();" type="button">Ajouter Liste</button>

    <!-- Zone, vide au début, dans laquelle les nouvelles listes seront ajoutées -->

    <div id="divCible"></div>
  </body>
</html>