时间戳

首页 > 解决方案 > 如何在输入字段中显示数组值？

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

问题描述

嗨，有人可以帮我吗？

我有 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++) {
    }   
}

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

结果是这样的： 在此处输入图像描述

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"

标签： javascriptarraysinput

解决方案

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

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>

推荐阅读