javascript - 以 GET 方法形式创建自定义 url

Question

我有一个这样的表格:

<form method="get" id='searchform' action="http://example.com/search">
<select name="a[]" multipile>
    <option value="car volvo">Volvo</option>
    <option value="saab">Saab</option>
<select>
</form>
<select name="b[]" multipile>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
<select>
<input type="number" name="range[]" min="1" max="5">
<button type="submit">search</button>
</form>

我想要这个网址:

http://example.com/search?a=car+volvo+OR+saab&b=opel+audi&range=1..5

我可以通过邮寄方式将表单发送到服务器，然后使用我的自定义 url(使用 php)创建新的 url，然后将其重定向到新页面(使用我的自定义 url)。

但是我可以只用 HTML (或 javascript 吗？)你推荐一下吗？)

Answer 1

您可以使用 jQuery serialize 来做到这一点方法。

var formData = $("#searchform").serialize():
var url = "http://myurl?"+formData;

但是为了获得您想要创建的内容，您需要重命名您的输入，因为它们现在存储为输入数组。