通輸入框的文本作爲查詢字符串到URL

Question

可能重複：
pass inputbox value as a querystring to URL

<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keywords.."/> 
<a class="searchButton" href="/search/pages/Careers.aspx?v=relevance&s=Careers&k=" type="submit"> 
    <span>Search</span> 
</a> 

你如何讓用戶鍵入的關鍵字並把它傳遞到頁面或追加到「搜索」鏈接的網址點擊？

像這樣http://mycompany.com/search/pages/Careers.aspx?v=relevance&s=Careers&k=engineer

使用jQuery？

Answer 1

最簡單的方法是對您的輸入放入一個form和使用GET方法提交給你的頁面。

如果您願意使用jQuery，你可以這樣做：

$(function() { 
    $(".searchButton").click(function() { 
     var keywords = $("#KeywordBox").val(); 
     window.location.assign("/search/pages/Careers.aspx?v=relevance&s=Careers&k=" + keywords); 
    }); 
}); 

只要確保你淨化你的輸入值正確，否則你離開自己開放注入攻擊。

Answer 2

可以使用.serialize()方法