Javascript 从复选框内的下拉菜单中选择多个值后，使用查询字符串中的所有值重定向页面_Javascript_Jquery

Javascript 从复选框内的下拉菜单中选择多个值后，使用查询字符串中的所有值重定向页面

javascript jquery

Javascript 从复选框内的下拉菜单中选择多个值后，使用查询字符串中的所有值重定向页面,javascript,jquery,Javascript,Jquery,我正在做一些工作，但我被卡住了。我有下面的代码用于带有内部复选框的下拉菜单，我想在另一个HTML页面上用选定的多个值重定向HTML页面。谢谢你的帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

我正在做一些工作，但我被卡住了。我有下面的代码用于带有内部复选框的下拉菜单，我想在另一个HTML页面上用选定的多个值重定向HTML页面。谢谢你的帮助

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title></title>
        </head>
        <body>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
            <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
                rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
            <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
                rel="stylesheet" type="text/css" />
            <script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
                type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {$('#chkveg').multiselect({includeSelectAllOption: true});});

        function myFunction() {

        window.location.assign('test.php?rt='+$('#chkveg').val());

        }
         </script>

            <form id="form1">
        <select id="chkveg" multiple="multiple" onchange="myFunction();">

        <option value="cheese">Cheese</option>

        <option value="tomatoes">Tomatoes</option>

        <option value="mozarella">Mozzarella</option>

        <option value="mushrooms">Mushrooms</option>

        <option value="pepperoni">Pepperoni</option>

        <option value="onions">Onions</option>

        </select>
        </form>

有什么问题吗？错误？.val在本例中返回一个数组，因此您必须序列化它，但它可能会变得非常复杂，因为我想使用php将此下拉列表与数据库一起加载。如果有任何其他解决方案，我实际上希望将URL中的选定值作为查询字符串发送选择一个选项将已经触发更改事件-因此，如果您重定向到另一个页面，用户将永远无法选择多个，这意味着将其设为多个选择一开始是毫无意义的。//你为什么不使用一个普通的表单，然后提交呢？设置正确的操作和方法，为您的选择字段指定name属性-done。不需要JS。除了提交问题；如果您真的希望用户能够选择多个选项，那么使用按钮而不是自动提交是有意义的。谢谢您的回复。实际上，我想使用下拉式多项目选择从数据库中获取记录。例如，从数据库中获取美国、英国、爱尔兰或更多相关记录