如何使用javascript从一个元素数组向另一个元素数组添加值？

我需要将select/input类型的元素数组中的值添加到数组类型div中，并使用for循环将值放置到数组类型div中，然后将值作为内部html放置。下面是我的代码：

var inputAndSelectArray = document.getElementsByClassName("selectAndInputStyle");
for (i = 0; i < inputAndSelectArray.length; i++) {
    inputAndSelectArray[i].style.display = "none";
    var text = inputAndSelectArray[i].value;
    var parent = inputAndSelectArray[i].parentNode;
    var displayDiv = parent.getElementsByClassName("divDisplayInfo");
    displayDiv[i].innerHTML = text[i];
}

var-inputAndSelectArray=document.getElementsByClassName（“selectAndInputStyle”）；
对于（i=0；i

您的代码可以正常工作，只需删除即可

displayDiv[i].innerHTML =text[i] ;
// this ---------------------^^^

例如：

text

是值，而不是值数组。您从表单控件数组中获取了值：

var text = inputAndSelectArray[i].value;

因此，无需再次使用

[i]

对其进行索引

---

也就是说，由于您正在输入的父元素中查找

.divDisplayInfo

，因此可能不希望使用

[i]

；您可能只需要第一个（可能只有一个）匹配的div。因此：

parent.getElementsByClassName("divDisplayInfo")[0].innerHTML = text;

或

（

querySelector

返回与给定CSS选择器匹配的第一个元素。如果只需要第一个匹配元素，则无需获取完整列表。）

不过，我们必须查看您的HTML才能确定这一点。

1）您正在使用：

inputdselectarray.length

作为循环限制，但是

displayDiv

是否具有相同的长度

2） 获取“Select”对象的选定文本如下：

element.options[element.selectedIndex]其中
元素
是“选择”对象

3） 
text
不是数组，因此不需要
[i]

更多的代码/信息会有所帮助，因为它看起来有点凌乱。
你能发布
html
吗？
parent.getElementsByClassName("divDisplayInfo")[0].innerHTML = text;

parent.querySelector(".divDisplayInfo").innerHTML = text;