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>

如何获取用户输入的关键字并将其传递到页面或附加到“搜索”链接的URL上？

喜欢这个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() 方法

将输入框文本作为查询字符串传递给url

2 个答案: