将表单字段更改为url

Question

我需要将表单更改为单个链接，而不是发布如下：

而不是http://example.hu/search.php?product=shoes

我希望表单仅将用户引导至http://example.hu/products/shoes

我修复了重写和一切。只有我需要主页中表单的帮助。谢谢你的帮助。

Answer 1

您需要稍微更改表单。而不是使用<form>上的动作参数来发送用户，而是你需要删除表单标签并做一些javascript技巧来制作你想要的网址。这是一个使用jquery的例子，但也可以在vanilla JS中轻松完成。 http://jsfiddle.net/7czFq/

Answer 2

我的问题的答案是：

按下提交时，只需使用javascript转到此表单操作+名称，如下所示：

<form>
<div><input type="text" placeholder="Search for a something..." name="q">
<button type="submit" onclick="window.location.href = this.form.action + encodeURIComponent(document.getElementsByName('q')[0].value); return false; ">Search</button></div>
</form>

表单会将用户发送到http://localhost.hu/search/q/

这样的网址