Php 将变量传递到url的简单多选复选框下拉列表

我想创建一个非常简单（没有插件和基本布局）的下拉菜单，其中有选项复选框。例如，如果选择C和F并提交表单，我希望url显示

/index.php？category1=3&&category2=6

<form action="" method="get">
    <select multiple="multiple" name="category">
        <optgroup label="Category1">
            <option value="1">A</option>
            <option value="2">B</option>
            <option value="3">C</option>
        </optgroup>
        <optgroup label="Category2">
            <option value="4">D</option>
            <option value="5">E</option>
            <option value="6">F</option>
        </optgroup>
    </select>

    <br><input type="submit" value="go">
</form>

A.
B
C
D
E
F

我甚至不知道如何启动jquery将值传递给url。非常感谢您的帮助

编辑： 我想我可以用jquery来模拟下拉菜单

以下是JSFIDLE：

---

当进行选择时，我如何显示“2已选择”而不是“选择…”？

请参见下面的代码，自己构建url，它就会工作。如果表单包含更多值，您可以更好地将类别添加到选项的值中

  <form method="get">
        <select multiple="multiple" name="category">
            <optgroup label="Category1">
                <option value="1">A</option>
                <option value="2">B</option>
                <option value="3">C</option>
            </optgroup>
            <optgroup label="Category2">
                <option value="4">D</option>
                <option value="5">E</option>
                <option value="6">F</option>
            </optgroup>
        </select>

        <br><input type="button" value="go" onclick="clicked();">
    </form>

    <script type="text/javascript">
    function clicked(){
        var v = "";
        $('select').find(":selected").each(
            function(){
                if (v != ""){
                    v += "&";
                }
                v += $(this).parent()[0].label + '=' + $(this).context.value; 
                }
            );

        window.location.href = "index.php?" + v;
    }
    </script>

A.
B
C
D
E
F


函数单击（）{
var v=“”；
$（'select'）。查找（“：selected”）。每个(
函数（）{
如果（v！=“”）{
v+=“&”；
}
v+=$（this.parent（）[0]。标签+'='+$（this.context.value；
}
);
window.location.href=“index.php？”+v；
}

为什么要这样发送URL？您可以在php中获得所需的值，即使不发送它，因为我希望为不同的类别提供一个唯一的url，以便以后可以单独添加每个类别的链接