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

Question

我想在按下提交后获取 JavaScript 中输入的值，但问题是我获取了我在 HTML 中输入的值。在我按 "Submit Query" 之后，如果我将输入设置为 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">

Answer 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">

Answer 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">

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

Get the input value after pressing submit button in JavaScript

javascript

html

input

submit