如何在输入字段中显示数组值？

Question

你好，有人可以帮我吗？

我有 30 多个数组，每个数组中存储 51 个值。 我对每个数组值求和，然后得到 1 个具有 51 个值的数组。

示例（最终结果）： array1 = ["value1,value2,value3....value50,value51"];

我希望在每个输入字段中显示数组值，我应该有 51 个空输入字段来匹配 array1 的总值。

因为我的数组值太多，这里我会使用5个值和5个输入字段。

<input name="input" value="" onchange="submit()" id="input"/><br> 
<input name="array" value="" id="array2"/><br> 
<input name="array" value="" id="array3"/><br> 
<input name="array" value="" id="array4"/><br> 
<input name="array" value="" id="array5"/><br> 
<input name="array" value="" id="array6"/><br> 

function submit() {     
    var x = [2,4,6,8,10];
    var z = document.getElementByName("array");

    //i stuck here ***
    for (var i = 0; i < x.length; i++) {
    }   
} 

测试并遵循一些方法，但仍然无法正常工作。 也许我使用了错误的代码。

结果如下： enter image description here

value 2 in input field id="array2"
value 4 in input field id="array3"
value 6 in input field id="array4"
value 8 in input field id="array5"
value 10 in input field id="array6" 

• 请不要介意 onchange 事件，因为我的实际代码没有使用按钮来触发事件。
• 抱歉我的英语不好 xD

Answer 1

您可以按名称获取所有输入元素：

var x = [2,4,6,8,10];
var z = document.getElementsByName("array");

for (var i = 0; i < x.length; i++) {
  z[i].value = x[i]
}  

<input name="array" value="" id="array2"/><br> 
<input name="array" value="" id="array3"/><br> 
<input name="array" value="" id="array4"/><br> 
<input name="array" value="" id="array5"/><br> 
<input name="array" value="" id="array6"/><br>