html - Get the input value after pressing submit button in JavaScript - Stack Overflow

admin管理员组

文章数量:1356784

I want to get the value of input in JavaScript after pressing submit but the problem is that I get the value I entered in HTML. After I press "Submit Query" the URL change to path/index.html?number=4 if I set the input to 4. But the value printed in console still the same '2'. I want to get the value of 4 not the default value located within HTML file!!

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

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

I want to get the value of input in JavaScript after pressing submit but the problem is that I get the value I entered in HTML. After I press "Submit Query" the URL change to path/index.html?number=4 if I set the input to 4. But the value printed in console still the same '2'. I want to get the value of 4 not the default value located within HTML file!!

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

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

• javascript
• html
• input
• submit

Share Improve this question Follow edited Jul 7, 2019 at 14:45 Bubbaloo asked Jul 7, 2019 at 14:41 BubbalooBubbaloo 3711 gold badge11 silver badge77 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You need to add an event listener for your button and then console.log the result.

Try this:

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

You have to add and event listener to your submit button so that when you click on it, you get the value of your input each time

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

本文标签： htmlGet the input value after pressing submit button in JavaScriptStack Overflow