更改具有多个选择的表单上的 $_GET 字符串

Question

我有一个包含多个选择的表单，提交表单时得到的 url 如下所示：

tld.com/?var1=opt1$var1=opt2&var1=opt3&var2=opt1&var2=opt2

url我想获得的是：

tld.com/?var1=opt+opt2+opt3&var2=opt1+opt2

我不想使用$_POST 方法，选项存储在数组中，因为我希望 url 对于任何自定义搜索都是唯一的。

表格看起来像这样：

<form action="" method="get"> 
    <select name="var1" multiple="multiple">
        <option value="var1">one</option>
        <option value="var2">two</option>
        <option value="var3">three</option>
        <option value="var4">four</option>
        <option value="var5">five</option>
    </select>
    <select name="var2" multiple="multiple">
        <option value="var1">one</option>
        <option value="var2">two</option>
        <option value="var3">three</option>
        <option value="var4">four</option>
        <option value="var5">five</option>
    </select>
    <input type="submit" value="Send" />
</form>

Answer 1

您可以尝试在客户端构建 2 个数组并通过表单发布它，但在服务器端您将获得 2 个数组并从中配对。您真的需要它吗？

它将类似于

$("#myForm").submit(function(){
var myKeys = new Array();
var myValues = new Array();
$("#myForm input").each(function(n,element){
    myKeys[] = $(element).attr("name");
    myValues[] = $(element).val();
});
$("#hiddenInput").attr("name", myKeys.join('+'));
$("#hiddenInput").attr("value", myValues.join('+'));
return true;
});

You will get URL ?name1+name2+name3=value1+value2+value3

UPD: just use [] in name 属性：

<input name="var1[]" value="param1">
<input name="var1[]" value="param2">

您将得到 /?var1=param1+param2