Question

在这个程序中，第一个输入（textfield）代表长度，在我输入一个输入之后，在我点击按钮后，我会创建一个等于输入长度的文本字段。我的问题是我捕获的第一个输入，但我不知道如何动态创建文本字段。这是我的代码：

<html>
    <body>
        <input name="mioTesto" id="mioTesto" type="text" value="" size="40" maxlength="200" />
        <button onclick="catturaValore()">Inserisci Valore</button>
        <script>
            function catturaValore() {

                var valore = document.getElementById("mioTesto").value;
                var maxIndice = parseInt(valore);

                var container = document.getElementById("container");
                for (var i = 0; i < maxIndice; i++) {
                    var input = document.createElement("input" + i)
                    input.name = "mioTesto"
                    input.id = i;
                    input.type = "text";
                    input.size = "40";
                    input.malength = "200";
                    input.className = "css-class-name"; // set
                    container.appendChild(input);
                }
            }
        </script>
        <button onclick="ordinaVettore()">Ordina</button>
    </body>
</html>

Answer 1

更改此行

var input=document.createElement("input"+i)

到

var input=document.createElement("input")

因此它实际上是一个有效的元素。我假设你想把它作为它的名字或id，比如＃input1，＃input2等，在这种情况下你可以这样做：

var input = document.createElement("input")
    input.setAttribute('id', 'input'+i)

如何在JavaScript中动态创建输入标记

1 个答案: