javascript - 如何从文本框获取输入到数组？

Question

嗨，我正在使用此代码片段将实际值传递给数组。但我想把从文本框传递到数组的值怎么做？

html代码：

<input type="text" name="cost" value=" ">
<input type="text" name="cost" value=" ">
<input type="text" name="cost" value=" ">

javascript代码：

multipliers = [5, 6, 5];

而不是 5,6,5 我应该从文本字段中获取值如何做到这一点？

Answer 1

小提琴

输入数组将是合适的：

<form name="myForm">
<input type="text" name="cost[]" value="1">
<input type="text" name="cost[]" value="2">
<input type="text" name="cost[]" value="3">
</form>

Javascript：

var list = document.myForm.elements['cost[]'];
var multipliers = [];

for(var i=0; i<list.length; i++)
{
    multipliers.push(list[i].value);    
}

console.log(multipliers);

Answer 2

您可以使用document.querySelectorAll，因为您似乎没有元素的 ID。

var nodes = document.querySelectorAll('[name=cost]'), // get all elements with name = cost
    values = [], 
    i = 0;
for(i=0; i<nodes.length; i++) 
    values.push(parseInt(nodes[i].value, 10));
console.log(values);

演示

Answer 3

<form name="myForm">
      <input type="text" name="cost[]" value="1">
      <input type="text" name="cost[]" value="2">
      <input type="text" name="cost[]" value="3">
   </form>


  var allElements= document.myForm.elements['cost[]'];
    var arr= [];

      for(var i=0; i<allElements.length; i++)
        arr.push(allElements[i].value);