使用Javascript识别并向输入字段输入文本

使用Javascript识别并向输入字段输入文本,javascript,arrays,Javascript,Arrays,我希望能够识别所有输入字段,以便存储它们并运行for循环,该循环将从数组向输入字段输入文本并提交表单以获得响应 var inputs = document.forms["form_name"].getElementsByTagName("input"); var text = ["brown", "white", "blue", "green"] for (var i = 0; i < inputs.length; i++) { for (word of text){

我希望能够识别所有输入字段,以便存储它们并运行for循环,该循环将从数组向输入字段输入文本并提交表单以获得响应

var inputs = document.forms["form_name"].getElementsByTagName("input");
var text = ["brown", "white", "blue", "green"]


for (var i = 0; i < inputs.length; i++) {
    for (word of text){
        document.getElementById(inputs[i]).textContent(word)
    }
}
var inputs=document.forms[“form_name”].getElementsByTagName(“输入”);
var text=[“棕色”、“白色”、“蓝色”、“绿色”]
对于(变量i=0;i
不需要循环文本,也不需要
document.getElementById
,因为已经获取了元素 对于更改值,请使用值而不是文本内容
var inputs=document.forms[“myForm”].getElementsByTagName(“输入”);
var text=[“棕色”、“白色”、“蓝色”、“绿色”]
对于(变量i=0;i

f名称:
m姓名:
l姓名:
出生日期:

转到下一步
不需要循环文本,也不需要
文档。getElementById
因为已获取元素 对于更改值,请使用值而不是文本内容
var inputs=document.forms[“myForm”].getElementsByTagName(“输入”);
var text=[“棕色”、“白色”、“蓝色”、“绿色”]
对于(变量i=0;i

f名称:
m姓名:
l姓名:
出生日期:
转到下一步
文档.表单
。这些都是有缺点的旧API

相反,请使用
.querySelectorAll()
并利用以下方法循环查看
.querySelectorAll()
的结果:

var值=[“棕色”、“白色”、“蓝色”、“绿色”];
//循环所有输入
document.querySelectorAll(“输入”).forEach(函数(输入,索引){
//使用值数组中的相应项设置当前输入
input.value=值[索引];
});
//提交表格
document.querySelector(“表单”).submit()

输入1
输入2
投入3
输入4
文档.表单
。这些都是有缺点的旧API

相反,请使用
.querySelectorAll()
并利用以下方法循环查看
.querySelectorAll()
的结果:

var值=[“棕色”、“白色”、“蓝色”、“绿色”];
//循环所有输入
document.querySelectorAll(“输入”).forEach(函数(输入,索引){
//使用值数组中的相应项设置当前输入
input.value=值[索引];
});
//提交表格
document.querySelector(“表单”).submit()

输入1
输入2
投入3
输入4

text.forEach((word,i)=>{…})
(您有嵌套循环,但希望同时在两个iterable上迭代)您可能希望将此
document.getElementById(输入[i]).textContent(word)
更改为
document.getElementById(输入[i])。textContent=word
text.forEach((word,i)=>{…})
(您有嵌套循环,但希望同时在两个iterable上迭代)您可能希望将此
document.getElementById(输入[i]).textContent(word)
更改为
document.getElementById(输入[i])。textContent=word