Javascript 表单中所有输入类型的for循环-已编辑
我需要帮助理解如何将此块转换为更简单的for循环:Javascript 表单中所有输入类型的for循环-已编辑,javascript,Javascript,我需要帮助理解如何将此块转换为更简单的for循环: var a,b,c; a = parseInt(document.getElementById("a").value); b = parseInt(document.getElementById("b").value); c = parseInt(document.getElementById("c").value); 是否可以使用for循环从可以存储在数组中的窗体获取的所有值 arr = []; for (var i = 0; i <
var a,b,c;
a = parseInt(document.getElementById("a").value);
b = parseInt(document.getElementById("b").value);
c = parseInt(document.getElementById("c").value);
是否可以使用for循环从可以存储在数组中的窗体获取的所有值
arr = [];
for (var i = 0; i < 3; i++) {
var letter = parseInt(document.......value);
arr.push(letter);
} // end for
arr=[];
对于(变量i=0;i<3;i++){
var字母=parseInt(文件…….值);
arr.push(字母);
}//结束
表格:
<form name="yourform">
<table>
<tr>
<td><label for="a">Enter first number:</label></td>
<td><input type="text" id="a" size="6"></td>
</tr>
<tr>
<td><label for="b">Enter second number:</label></td>
<td><input type="text" id="b" size="6"></td>
</tr>
<tr>
<td><label for="c">Enter third number:</label></td>
<td><input type="text" id="c" size="6"></td>
</tr>
<tr>
<td></td>
<td><button here onclick("functionhere") /></td>
</tr>
</table>
输入第一个数字:
输入第二个数字:
输入第三个数字:
是的,您只需要一个包含更改内容的数组
const results = [];
['a', 'b', 'c'].forEach(function (id) {
const element = document.getElementById(id);
const result = parseInt(element.value, 10); // Don't use parseInt without specifying the number base!
results.push(result);
});
只需选择表单容器中具有
type=text
的所有输入元素,并使用Array.prototype.map
对其进行迭代即可:
let inputs=myFormTable.querySelectorAll('input[type=text]');
btn.addEventListener('单击',()=>{
让numbersArr=[…输入].map(e=>e.value);
设[x,y,z]=numbersArr;
控制台日志(numbersArr);
控制台日志(x);
控制台日志(y);
控制台日志(z);
})
标签{显示:内联块;宽度:180px;}
输入第一个数字:
输入第二个数字:
输入第三个数字:
显示数字
您可以通过选择带有查询字符串的输入并使用数组,一次构造一个输入值数组。从映射到每个输入的值:
const arr=Array.from(
document.querySelectorAll('[name=“yourform”]input'),
input=>input.value
);
控制台日志(arr)代码>
输入第一个数字:
输入第二个数字:
输入第三个数字:
试着这样做
function getElements() {
var len = document.getElementById("frm").elements.length;
for(var i = 0; i < len; i++) {
console.log(document.getElementById("frm").elements[i].value);
}
}
<form id="frm">
<input type="text/html" name="name" id="name"/>
<input type="text/html" name="email" id="email"/>
<input type="text/html" name="phone" id="phone"/>
<input type="button" value="send" onclick="getElements()"/>
</form>
函数getElements(){
var len=document.getElementById(“frm”).elements.length;
对于(变量i=0;i
表单是什么样子的?你能发布HTML吗?(在不使用ID的情况下,这可能是一个很好的方法)请不要将表格
用于布局目的。它仅用于显示表格数据。