在下拉列表更改时重新加载页面并传递该值

Question

我的 page.When 中有一个下拉菜单，我 select 下拉菜单中的一个选项，页面应该重新加载并返回到同一页面，并且应该传递该下拉菜单的值
下面是下拉菜单

的php代码

<select style="width: 200px;" name="location" onchange="window.location='index.php?id=' + this.value;">
    <option value="All">All</option>
    <option value="Noida Sector 1">Noida Sector 1</option>
    <option value="Noida Sector 2">Noida Sector 2</option>
    <option value="Noida Sector 3">Noida Sector 3</option>
    <option value="Noida Sector 4">Noida Sector 4</option>
    <option value="Noida Sector 5">Noida Sector 5</option>
    <option value="Noida Sector 6">Noida Sector 6</option>
    <option value="Noida Sector 7">Noida Sector 7</option>
</select>

<?php $location=$_POST['id']; ?>

我正在尝试将值传递给 $location。

Answer 1

只需更改您的 php 代码，此代码输出选择选项并突出显示所选值（如下所示）


    <select style="width: 200px;" id="myselect" name="location" onchange="window.location='index.php?id='+this.value+'&pos='+this.selectedIndex;">
        <option value="All">All</option>
        <option value="Noida Sector 1">Noida Sector 1</option>
        <option value="Noida Sector 2">Noida Sector 2</option>
        <option value="Noida Sector 3">Noida Sector 3</option>
        <option value="Noida Sector 4">Noida Sector 4</option>
        <option value="Noida Sector 5">Noida Sector 5</option>
        <option value="Noida Sector 6">Noida Sector 6</option>
        <option value="Noida Sector 7">Noida Sector 7</option>
    </select>

    <?php
    if(isset($_GET['id']))
    {
        $location=$_GET['id'];
        echo $location;
    ?>
    <script>
        var myselect = document.getElementById("myselect");
        myselect.options.selectedIndex = <?php echo $_GET["pos"]; ?>
    </script>
    <?php
    }
    ?>

Answer 2

您可以选择将 select 放入表格 (action=POST) 中吗？你可以这样做（使用 jquery）：

$('select').on('change', function () {
    $(this).parent().submit();
});

Answer 3

使用下面的代码，

<?php if (isset($_GET['id'])) { echo $_GET['id']; } ?>

Answer 4

@Prabhjot Singh Kainth，他喜欢这段代码，

<option value="Noida Sector 3" <?php if ($_GET['id']=='Noida Sector 3'): ?>
selected=selected   
<?php endif ?>>Noida Sector 3</option>

在下拉列表更改时重新加载页面并传递该值

reload page on change of dropdown and pass that value

html

php

drop-down-menu