时间戳

首页 > 解决方案 > 从输入中获取用户输入的价值

javascript - 从输入中获取用户输入的价值

问题描述

我正在学习 Javascript 并尝试从输入中获取用户输入值。

在我的项目中，我有一个输入表单，当他们添加新数字并单击按钮时，会出现新表单，用户可以输入另一个数字，只要用户单击按钮，新输入字段就会继续出现。

我想要的是从每个输入中获得价值。我看到一些问题问类似的问题，但 .document.getElementsByName() 对我不起作用。

let userInput = document.getElementsByName('moneyamount');
inputNum = parseInt(userInput.value);

console.log(inputNum); //result is NaN

我也试过 document.querySelector()

let userInput = document.querySelector('#money-amount');
inputNum = parseInt(userInput.value);

console.log(inputNum)

效果很好，但是我需要从一些输入中获取价值，因此 querySelector 不适用于这种情况。所以我也尝试了 document.querySelectorAll() ，但是，

let userInput = document.querySelectorAll('#money-amount');
inputNum = parseInt(userInput.value)

console.log(inputNum)// result is NaN

我不确定在这种情况下应该使用什么 DOM。我需要选择所有元素并需要从中获取价值。

这是我的输入 HTML。此时只有一个输入，因为当用户单击添加按钮时，将添加新表单。

          <input
            class="input money"
            type="number"
            id="money-amount"
            placeholder="Enter amount"
            name="moneyamount"
            required
          />

      </div>

我希望你们能帮助解决这个问题。

太感谢了！

标签： javascriptdomuser-input

解决方案

您可以document.getElementById("money-amount").value从输入中获取金额。如果您要从多个输入中获取值，您应该这样做。

var userinputs = [];
function getInputs() {
var elem = document.getElementsByClassName("input money");
for (var i = 0; i < elem.length; i++) {
if (typeof elem[i].value !== "undefined") {
userinputs.push(elem[i].value);
}
}
}

然后要访问第一笔金额，您可以这样做userinputs[0]，依此类推。

推荐阅读