JQuery - 附加搜索字符串并重定向到结果页面

Question

我有以下html表单：

<form action="results.html">
Search: <input type="text" id="search">
<input type="submit" id="submitBtn" value="Submit">
</form>

我有以下JQuery代码，它将用户搜索词附加到表单'action'属性，然后重定向到结果页面，我将执行搜索处理。

$(document).ready(function() {
   $("#submitBtn").click( function(event) {
        var st = $(this).parent().attr('action') + "?searchTerm=" + $("#search").val();
        event.preventDefault();
        $(this).parent().attr('action',st);
        $(location).attr('href', st);
   });
});

这对我来说似乎很长。使用JQuery有更好的方法吗？

Answer 1

你需要javascript传递值为GET：

<form method="GET" action="results.html">
    Search: <input type="text" name="searchTerm" id="search">
    <input type="submit" id="submitBtn" value="Submit">
</form>