-5

ループforで15の入力を生成し、すべての入力に独自の「id」を付けて1回だけ実行する方法は？

<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);
    }

};

これにより、それぞれが0〜14の数字の形式myInput_iで一意の名前とIDを持つ15のテキスト入力が提供されます。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を取得し、2番目のパラメーターは必要なフィールドの数を取得します。

そのようにすることもできますが、プロジェクトでほとんどの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 に答える