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的 - 追加搜索字符串和重定向到搜索結果頁

回答

相關問題