Create_Fields_Javascript

This routines create dynamically a variable number of fields

by caiubyfreitas

HTML

<input type="text" id="member" name="member" value="">Number of members: (max. 10)
<br />
<button onclick="addFields()">Criar campos</button>
<div id="container" />

JavaScript

function addFields() {
          var number = document.getElementById("member").value;
          var container = document.getElementById("container");
          while (container.hasChildNodes()) {
            container.removeChild(container.lastChild);
          }
          for (i = 0; i < number; i++) {
            container.appendChild(document.createTextNode("Member " + (i + 1)));
            var input = document.createElement("input");
            input.type = "text";
            container.appendChild(input);
            container.appendChild(document.createElement("br"));
          }
        }