javascript - jquery 无法记录输入值

Question

HTML:

<div id="Background">
    <input id="search-Bar" type="text"> 
    <button id="SearchButton">Search</button>
</div>

var name = $("#search-Bar").val();
$("#SearchButton").on("click", function() {
    console.log(name);
});

我正在尝试使用 .val() 获取输入的值，但是当我控制台日志时，它每次都显示为空白，有人可以告诉我如何解决这个问题吗？

Answer 1

$("#SearchButton").on("click", function() {
  var name = $("#search-Bar").val(); //this should be here

  console.log(name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Background">
  <input id="search-Bar" type="text">
  <button id="SearchButton"> Search </button>