将表单输入值发送到URL

Question

我有一个简单的搜索表单：

<form method="get" action="">
<input id="search" placeholder="Search" type="search" name="search"></input>
</form>

我想从“搜索”中获取值，并将其显示在网址中，如下所示：

http://domain.ca/blog/search/searchterm

因此，如果访问者搜索“kubrick”，他们将获得如下网址：

http://domain.ca/blog/search/kubrick

我不能使用PHP。有没有Javascript解决方案？

Answer 1

您可以尝试对onsubmit事件进行javascript重定向。 要避免空搜索，请使用输入属性“required”。

示例：

<form onsubmit="window.location = 'http://domain.ca/blog/search/' + search.value; return false;">
<input id="search" placeholder="Search" type="search" name="search"></input>
<input type="submit" value="Send">
</form>