2016-03-01 106 views
0

我有以下的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做到這一點?

+0

你可以使用AJAX來代替,但是這將涉及到更改'results.html'頁面的輸出,有些寬泛的一個問題。 –

+0

只需爲您的輸入和方法添加一個名稱= GET即可 –

回答

0

需要Javascript傳遞價值GET:

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