从javascript中的html元素获取值

我有一个动态表单，我把输入的每个值都放在一个数组中。问题是我无法在javascript函数中获取所有这些项

我的html表单：

<form>
<input type="text" placeholder="Name 1" id="myInputs[]">
<input type="text" placeholder="Name 2" id="myInputs[]">
<input type="text" placeholder="Name 3" id="myInputs[]">
<input type="text" placeholder="Name 4" id="myInputs[]">
<input type="text" placeholder="Name 5" id="myInputs[]">
<input type="text" placeholder="Name 6" id="myInputs[]">
<button onclick="process()">Next</button>
</form>

---

在这个函数中，我得到第一个数组条目，但它只返回第一个条目的第一个字符。

Id应该总是唯一的

id全局属性定义一个唯一标识符（id），该标识符在整个文档中必须是唯一的。它的目的是在链接（使用片段标识符）、编写脚本或设置样式（使用CSS）时标识元素

你应该考虑使用<代码> name =“MyPixo[]”< /COD>。< /P> 这样，您就可以执行

document.getElementsByName（“myInputs[]）

并迭代节点列表

函数过程（）{
var allInputs=document.getElementsByName（“myInputs[]”）；
var name1=allInputs[0].value；//这是第一个输入的值
}

下一个

改用CSS查询。请注意，您不应该有多个具有相同id的项目，如果您愿意，它们可以具有相同的

名称。它通常用于将项目作为数组发送到服务器，并且只有一些服务器处理框架才能识别


函数过程（）{
var name=document.querySelectorAll（“form[name='myInputs[]']”）；
var name1=名称[0]。值；
console.log（'名字是'+name1）；
}

下一个
首先，ID应该是唯一的

那么，代码应该是这样的：


函数过程（）{
var name=document.getElementsByClassName（“myInputs[]”）；
警报（名称[0]。占位符）；
}

下一个
没有“HTML数组”这样的东西。你拥有的是一堆元素。
function process(){
    var name = document.getElementById("myInputs[]").value;
    var name1 = name[0];
}