-5

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

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

4

4 回答 4

3

那是你要找的吗?

for(var i=0 ; i<15;i++)
{
     var input = document.createElement('input');
     input .setAttribute('id',"input"+i);
     document.getElementById("formName").appendChild(input);
}
于 2012-12-05T11:45:04.923 回答
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 个文本输入,每个输入具有唯一的名称和 ID,格式为 0-14myInput_i之间i的数字。

于 2012-12-05T11:45:26.620 回答
1
<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 和输入类型。

于 2012-12-05T11:44:26.873 回答
0

该函数采用您要放置字段的 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>
于 2012-12-05T11:57:50.177 回答