将输入框值作为查询字符串传递给 URL

Question

我有一个输入框和一个 SEARCH 链接，其样式看起来像搜索按钮。当用户在输入框中输入关键字时，我想抓取该关键字，传递它，并将其作为搜索查询字符串附加到搜索 URL

/search/pages/physicians.aspx?v=relevance&s=Physicians&k=

因此，如果 Cardiographer 是关键字，那么它将是比如：

http://ABChospital.org/search/pages/physicians.aspx?v=relevance&s=Physicians&k=Cardiologist

我怎样才能在 jquery 中实现这一点？

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

Answer 1

试试这个：

$('.searchButton').click(function() {
    location.href = this.href + $('.BasicSearchInputBox').val();
    return false;
});