获取 jquery 中输入字段的值

Question

我的HTML:

var searchInput = $("#searchField").val()
$("#searchButton").on("click", function() {
  alert(searchInput)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" placeholder="Search.." id="searchField">
<button type="submit" id="searchButton">Submit</button>

使用此代码，在单击 "Submit" 按钮后，我只会收到 empty 警报。

Answer 1

您需要获取点击处理程序中的值：

$("#searchButton").on("click", function() {
       alert($("#searchField").val())               
})

Answer 2

您在设置任何值之前定义 searchInput..

试试这个：

$("#searchButton").on("click", function() {
    var searchInput = $("#searchField").val()
    alert(searchInput)               
})

https://jsfiddle.net/xpvt214o/110276/

Answer 3

在 onclick 事件中引入 var searchInput = $("#searchField").val() 计算。