时间戳

首页 > 解决方案 > 使用 Javascript 识别和输入文本到输入字段

javascript - 使用 Javascript 识别和输入文本到输入字段

问题描述

我希望能够识别所有输入字段，以便我可以存储它们并运行一个 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)
    }
}

标签： javascriptarrays

解决方案

不需要循环文本也不需要document.getElementById，因为已经获取用于更改值的元素使用值而不是 textContent 

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

for (var i = 0; i < inputs.length; i++) {
     inputs[i].value  = text[i];
}
<form name="myForm" >
f Name: <input type="text" name="fname">
m Name: <input type="text" name="mname">
l Name: <input type="text" name="lname">
dob: <input type="text" name="dob">

</form>
<button>Go to Next</button>

推荐阅读