Question

我想在按Submit之后获得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">

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

您必须在“提交”按钮上添加事件侦听器，以便在单击该按钮时每次都能获得输入值

jinja2

airflow

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

2 个答案: