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

您好，我从上周五就开始处理这个问题，我不明白为什么val（）返回输入的id而不是值。 以下是负责搜索框的标记：

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

---

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

这对我来说很好：

---

你的代码工作得很好。所以问题是，elseYour的代码对我来说运行良好，并返回“FindGames”或任何值。您正在哪个浏览器上尝试此操作？是的，您的代码正在运行f9，您希望您的代码做什么？没有问题的附加值这是4个人在评论中所做的。在OP更新问题之前，没有更好的答案。在我给出答案后，评论出现在我的脑海里。这就是我的想法。我的代码是正确的，但我想代码库中的其他东西正在改变这一点。谢谢你。

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

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