javascript - 将表单字段更改为 url

Question

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

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

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

我已经修复了重写和所有内容。只有我需要主页中表格的帮助。谢谢你的帮助。

Answer 1

我的问题的答案是这样的：

按下提交时，只需使用 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/的 URL

Answer 2

你需要稍微改变一下表格。而不是使用 action 参数<form>来发送用户，相反，您需要删除表单标记并执行一些 javascript 技巧以使 url 像您想要的那样。这是一个使用 jquery 的示例，但也可以在 vanilla JS 中轻松完成。http://jsfiddle.net/7czFq/