如何更改提交时的表单 url 参数?

Ove*_*low 3 javascript url

我有这个表格要处理..

<form action="driver.php" method="GET">
<input type="text" placeholder="Search" id="search" name="n">
<button type="submit">Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)


默认情况下,url 是http://sites.com/driver.php?n=typedname

所以我在 .htaccess 中进行了修改,并将其转换为http://sites.com/driver/typednameSEO 友好的 url modrewrite 问题 - 404 错误,感谢 anubhava

一切都很好,但是现在问题来了,当我输入并单击提交按钮时,它将转到http://sites.com/driver.php?n=typedname

那么我怎样才能让它http://sites.com/driver/typedname在点击提交后转到这个网址呢?

我认为javascript可以做到这一点,所以我标记了它,希望我没有错。

谢谢。

dfs*_*fsq 5

您必须自己处理表单提交事件。像这样的东西:

document.querySelector('form').addEventListener('submit', function(e) {
    e.preventDefault();
    location.href = '/driver/' + this.elements.n.value;
}, false);
Run Code Online (Sandbox Code Playgroud)