JQuery的 - 追加搜索字符串和重定向到搜索结果页

我有以下的HTML表单：JQuery的 - 追加搜索字符串和重定向到搜索结果页

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

我有一个附加的用户搜索词的形式“动作”以下的jQuery代码属性，然后重定向到我将执行搜索处理的结果页面。

$(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做到这一点？

来源

2016-03-01 Dave0504

你可以使用AJAX来代替，但是这将涉及到更改'results.html'页面的输出，有些宽泛的一个问题。 –

只需为您的输入和方法添加一个名称= GET即可 –

需要Javascript传递价值GET：

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

来源

2016-03-01 10:30:07

JQuery的 - 追加搜索字符串和重定向到搜索结果页

回答

相关问题