使用按钮获取输入文本的值

Question

您好，自上周五以来我一直在解决这个问题，但我不明白为什么 val() 会返回我输入的 id 而不是值。 这是负责搜索框的标记：

 <div class="multiGameSearch">
    <input type="text" name="searchterm" value="Find Games" id="searchBox"/>
    <button type="button" id="searchGames">Search</button>
 </div>

这是处理它的 javascript：

$(document).ready(function(){
    $('#searchGames').click(function() {                   
           var $val = $('#searchBox').val();      
           console.log("Searching for: " + $val);                                 
    });
});

由于某种原因，$val 正在输出“searchBox”（这是输入元素的 id）。每次我单击按钮时，它都会将输入字段内的值更改为“searchBox”。我不明白发生了什么。有人有想法么？

Answer 1

对我来说很好用：https://jsfiddle.net/g9dnxx19/1/

$(document).ready(function(){
    $('#searchGames').click(function() {                   
           var $val = $('#searchBox').val();      
           console.log("Searching for: " + $val);                                 
    });
});