gpt4 book ai didi

Javascript,从对象数组创建表单

转载 作者:行者123 更新时间:2023-11-28 05:18:23 27 4
gpt4 key购买 nike

尝试从数组中读取对象并将它们放入表单中。我是 Javascript 的新手,我很难理解为什么这不起作用。我试图在网上寻求帮助,但到目前为止还没有找到任何帮助。

到目前为止,这是我的代码:

        var arr = [
{Section: 1, Max: 20},
{Section: 2, Max: 30},
{Section: 3, Max: 50}
];

var length = arr.length;

function createForm() {
for (i = 0; i <= length; i++) {
form = document.getElementById("formed");
var x = arr.Section[i];
var y = arr.Max[i];
form.appendChild(x);
form.appendChild(y);

}

}
<head>
<meta charset="utf-8">
</head>
<body onload="createForm();">
<form id="formed">
</form>
</body>

最佳答案

您必须在数组而不是对象属性上使用索引 i,例如:

var x = arr[i].Section;
var y = arr[i].Max;

代替:

var x = arr.Section[i];
var y = arr.Max[i];

希望这对您有所帮助。

从对象生成具有值 x/yinput 的示例片段:

var arr = [
{Section: 1, Max: 20},
{Section: 2, Max: 30},
{Section: 3, Max: 50}
];

var length = arr.length;

function createForm(){
for (i in arr) {
form = document.getElementById("formed");

var x = arr[i].Section;
var y = arr[i].Max;

var input = document.createElement('input');
input.setAttribute('value', x+' -- '+y)

form.appendChild(input);
}
}
<body onload="createForm();">
<form id="formed"></form>
</body>

关于Javascript,从对象数组创建表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42231519/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com