Question

我有一个下拉菜单，根据选择的内容，我想从第1页发布到网址，然后传递给第2页（使用GET）。

最初我做了这个但是没有下拉，我从数据库中获得了很长的数据列表并点击了我的列表中的每一个，它完美地运行并传递到第2页。但是我不想要一个长列表在页面上，我只想从我目前拥有的下拉菜单中进行选择，但我无法按照以下网址传递多个条件：

？
本地主机/网站/网页COL1 = 3645＆安培; COL2 = 183＆安培; COL3 = 845

当我选择并提交其唯一的帖子到URL时，下拉列表的名称和值。看起来像这样

本地主机/网站/网页？COL1 = 3645

但我希望它像这样

？
本地主机/网站/网页COL1 = 3645＆安培; COL2 = 183＆安培; COL3 = 845

我不能放多个名字=＆＃34;＆＃34;例如，下拉列表。

我希望我在这里有意义

还试图搞乱输入所需的

<?php echo $col1; ?> <?php echo $col2; ?><?php echo $col3; ?>

在值=＆＃34;＆＃34;下拉，但它只是像这样完全凝聚它

本地主机/网站/网页？COL1 = 3645183845SELECT =提交在URL中，这意味着我无法获得单个值，因为它看起来是1值而不是3个单独的值。

Answer 1

根据您的具体情况（我没有看到您使用的HTML代码），您可以通过多种方式解决问题：

我会使用隐藏的输入，我将保存您要发送到第二页的数据，当您点击提交按钮时，它们也将被发送
或者，如果您已经有其他表单元素，例如下拉列表或输入，只需将它们全部分组到相同的表单标记下，当您单击提交按钮时它们将一起发送
如果您希望在用户从下拉列表中选择一个选项时触发请求，那么您可以使用JavaScript收集表单数据（输入和选择），并使用AJAX调用将其全部发送

Answer 2

尝试使用此代码，

<select id="mySelect">
    <option value="">---SELECT---</option>
    <option value="page2.php?id=1&val=1&key=1">Option with value1</option>
    <option value="page2.php?id=2&val=2&key=2">Option2 with value2</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function(){
$('#mySelect').change(function(){ 
    var value =$(this).val();
    if(value!=''){
        window.location=value;
    }
});
});
</script>

获取值并根据下拉列表中的选定内容发送到下一页

2 个答案: