Javascript 表单中所有输入类型的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 <

我需要帮助理解如何将此块转换为更简单的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 < 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的情况下,这可能是一个很好的方法)请不要将
表格
用于布局目的。它仅用于显示表格数据。