如何使用循环生成 15 个输入,每个输入都有自己的“id”并且只运行一次?
<input type="button" onclick="generate()">
<script>
function generate(){
for(var i=0; i < 15; i++) {
}
}
如何使用循环生成 15 个输入,每个输入都有自己的“id”并且只运行一次?
<input type="button" onclick="generate()">
<script>
function generate(){
for(var i=0; i < 15; i++) {
}
}
那是你要找的吗?
for(var i=0 ; i<15;i++)
{
var input = document.createElement('input');
input .setAttribute('id',"input"+i);
document.getElementById("formName").appendChild(input);
}
如果您有一个 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
的数字。
<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 和输入类型。
该函数采用您要放置字段的 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>