如何从输入中获取多个字符串并将它们放入同一数组中？

Question

如何从每个输入字段中提取一个字符串并将它们放在同一数组中？

我目前拥有的代码是这个。

 var input1 = document.querySelector('.form'); var btn = document.getElementById('btn'); var array = []; btn.addEventListener('click', function(){ array.push(input.value); console.log(array); }); 

 <div class="container mt-5"> <div class="row"> <div class="col-lg-12 text-center"> <input type="text" class="form"> </div> </div> </div> <div class="container mt-5"> <div class="row"> <div class="col-lg-12 text-center"> <input type="text" class="form"> </div> </div> </div> <button class="btn btn-primary text-center" id="btn">SUBMIT</button> 

提前致谢。

Answer 1

使用Array.from来选择带有querySelectorAll所有.form ，并传递一个映射函数，该函数从每个中提取.value ：

 const inputs = document.querySelectorAll('.form'); var btn = document.getElementById('btn'); btn.addEventListener('click', function(){ const arr = Array.from(inputs, elm => elm.value); console.log(arr); }); 

 <div class="container mt-5"> <div class="row"> <div class="col-lg-12 text-center"> <input type="text" class="form"> </div> </div> </div> <div class="container mt-5"> <div class="row"> <div class="col-lg-12 text-center"> <input type="text" class="form"> </div> </div> </div> <button class="btn btn-primary text-center" id="btn">SUBMIT</button>