javascript - jQuery 在单击 anchor 元素时处理 href

Question

我正在使用:

<input type="text" class="form-control searchValue">
<a href="#" class="btn btn-default searchButton">Search</a>

为了执行搜索。当用户点击搜索时，jQuery 必须获取输入的值，然后将用户重定向到页面本身 +“?search=valueInInput”，以便通过使用 URL 中的 GET 值在 PHP 中执行搜索。

为此，我使用了:

$(".searchButton").on("click", function($this){
    var url = location.host + "/index.php?search=" + $(".searchValue").val();
    $(".searchButton").attr("href", url)
 });

问题是用户永远不会被重定向到 url，但我没有放置任何 return false 或 preventDefault，为什么？

如何更改它以执行搜索？

Answer 1

这对我有用:

$(".searchButton").on("click", function(){
        var url = "/index.php?search=" + $(".searchValue").val();
        $(".searchButton").attr("href", url)
     });

我删除了 $this 和 location.host。