Question

如何使用循环生成15个输入，每个输入都有自己的“id”并只运行一次？

<input type="button" onclick="generate()">
<script>
function generate(){
for(var i=0; i < 15; i++) {
}
}

Answer 1

你在找什么？

for(var i=0 ; i<15;i++)
{
     var input = document.createElement('input');
     input .setAttribute('id',"input"+i);
     document.getElementById("formName").appendChild(input);
}

Answer 2

如果您的表单ID为myForm：

window.onload = function(){

    var form = document.getElementById("myForm");

    for(var i=0; i<15; i++)
    {
        var input = document.createElement('input');
        input.type = 'text';
        input.name = 'myInput_' + i;
        input.id = 'myInput_' + i;
        form.appendChild(input);
    }

};

这将为您提供15个文本输入，每个输入都具有myInput_i格式的唯一名称和ID，其中i是0-14之间的数字。

Answer 3

<div id='elements'></div>
<script>
for(var i=0;i<15;i++){
document.getElementById('elements').innerHTML=document.getElementById('elements').innerHTML+"<input type='text' id='type"+i+"'>";
}
</script>

给出你想要的id和输入类型。

Answer 4

该函数获取要放置字段的div的ID，第二个参数是您想要的字段数。

你可以这样做，但如果你的项目将使用大多数javascript DOM操作，你应该使用jQuery。

<!DOCTYPE html>
<html lang="en">
    <head>

    </head>

    <body>
        <form>
            <div id="divForPlacement">

            </div>
        </form>

        <script>
            function putInputFields(div, number) {
                var oDivForPlacement = document.getElementById(div);
                if(oDivForPlacement === undefined || oDivForPlacement === null) return;
                var currentField = null;

                for(i = 0; i < number; i++) {
                    currentField = document.createElement("input");
                    currentField.setAttribute("id", div + "-field" + i);
                    currentField.setAttribute("type", "text");
                    oDivForPlacement.appendChild(currentField);
                }

            }
            putInputFields("divForPlacement", 15);
        </script>
    </body>
</html>

如何使用循环生成15个输入并运行一次？

4 个答案: