在 JavaScript 中按下提交按钮后获取输入值答案

【问题标题】：Get the input value after pressing submit button in JavaScript在 JavaScript 中按下提交按钮后获取输入值
【发布时间】：2019-07-07 14:41:17
【问题描述】：

我想在按下提交后获取 JavaScript 中输入的值，但问题是我得到了我在 HTML 中输入的值。按“提交查询”后，如果我将输入设置为 4，则 URL 更改为 path/index.html?number=4。但控制台中打印的值仍然是“2”。我想获取 4 的值，而不是 HTML 文件中的默认值！！

console.log(document.getElementById("number").value)

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">

【问题讨论】：

标签： javascript html input submit

【解决方案1】：

你需要为你的按钮添加一个事件监听器，然后console.log结果。

试试这个：

var btn = document.getElementById('submit');
btn.addEventListener('click', func);

function func() {
  console.log(document.getElementById("number").value)
}

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">

【讨论】：

【解决方案2】：

您必须向提交按钮添加事件侦听器，这样当您单击它时，您每次都会获得输入的值

document.getElementById("submit").addEventListener("click", function(){
 console.log(document.getElementById("number").value)
});

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">

【讨论】：