用按钮获取输入文本的值

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);                                 
    });
});