javascript - 如何循环输入文字？

我该如何循环输入类型的文本，使其具有自己的唯一属性，例如。名称，价值。我的意思是例如name =“ text1”，name =“ text2”。这样的事情。这是我的代码。谢谢：）

<HTML>
    <HEAD>
    <TITLE></TITLE>
    <SCRIPT language="javascript">
    function add(type) {

        //Create an input type dynamically.
        var element = document.createElement("input");

        //Assign different attributes to the element.
        element.setAttribute("type", "text");
        element.setAttribute("value", "typhere");
        element.setAttribute("name", "txtbox");

        var btns = document.createElement("input");


        btns.setAttribute("type", "button" );
        btns.setAttribute("value", "delete");
        btns.setAttribute("name", "dlete");


        var foo = document.getElementById("fooBar");

        //Append the element in page (in span).

                foo.appendChild(element);
                foo.appendChild(btns);
                var br = document.createElement("br");
                foo.appendChild(br);

    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM>
    <H2></H2>

    <BR/>


    <INPUT type="button" value="Add" onclick="add(document.forms[0].value);"/>

    <span id="fooBar"><br/></span>

    </FORM>
    </BODY>
    </HTML>

最佳答案

您可以这样做：

var inputId = 0;

function add(type){
   // do the stuff you have to do with inputId
   // input.setAttribute("name", "text" + inputId); for example
   inputId++;
}

如果您不想污染全局名称空间，则可以执行以下操作：

(function(window){
  var inputId = 0;

  window.InputManager = {
     add : function(type){
         // do tuff with inputId
         // input.setAttribute("name", "text" + inputId); for example
         inputId++;
     }
  };
})(window);

接着

<input type="button" value="Add" onclick="InputManager.add(document.forms[0].value)"/>

关于javascript - 如何循环输入文字？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19783594/