如何获取输入以及何时按下提交按钮将其置于变量中？

Question

假设我有一些像这样的HTML

<input type="text" placeholder="Enter Mineral">
<input type = "submit">

我不知道如何在按下提交按钮时将文本中的内容放入javascript变量中。我会使用jQuery，如果这样可以更容易。

Answer 1

使用.val()获取输入字段的值。

$("input[type=submit]").click(function(e){

   e.preventDefault(); // <-------- To stop form submission
   var txt = $("input[type=text]").val(); // <----- Fetch value of input field
   console.log(txt) // <----------- Check console has the value of the input field.

});