从jquery到php获取选项值并刷新页面

我有一个简单的下拉框和jquery，可以从我选择的内容中获取值

它工作正常，但我希望选择的值为php变量，然后我需要自动刷新页面

我的确切需求是，当我选择一个城市时，下面的图像会相应地改变

例如，如果我选择Delhi，我会将该值传递给一个php变量，并将其传递给mysql以获取图像url

这是我的下拉列表

        <form name="city" action="home.php" method="get">
            <select id="single">
                <option value="Ahmedabad">Ahmedabad</option>
                <option value="Coimbatore">Coimbatore</option>
                <option value="Ludhiana">Ludhiana</option>
                <option value="Delhi ">Delhi </option>
                <option value="Bangalore">Bangalore</option>
                <option value="Chennai">Chennai</option>
                <option value="Mumbai">Mumbai</option>
                <option value="Kochi">Kochi</option>
            </select>
        </form>

艾哈迈达巴德
哥印拜陀
卢迪亚纳
德里
班加罗尔
钦奈
孟买
高知

这是我的jquery

<script type="text/JavaScript">
function displayVals() {
  var singleValues = $("#single").val();
  $("p").html(singleValues);
   }
$("select").change(displayVals);
displayVals();

函数displayVals（）{
var singleValues=$（“#single”）.val（）；
$（“p”）.html（单值）；
}
$（“选择”）.change（displayVals）；
displayVals（）；

请帮帮我……

    <form name="city" action="home.php" method="get">
        <select id="single">
            <option value="Ahmedabad">Ahmedabad</option>
            <option value="Coimbatore">Coimbatore</option>
            <option value="Ludhiana">Ludhiana</option>
            <option value="Delhi ">Delhi </option>
            <option value="Bangalore">Bangalore</option>
            <option value="Chennai">Chennai</option>
            <option value="Mumbai">Mumbai</option>
            <option value="Kochi">Kochi</option>
        </select>

        <input type="hidden" name="imageToShow"  id="imageToShow" value="" />
    </form>

    <script type="text/JavaScript">
        $(document).ready(function() {
        $("select").change(function(){
            var singleValues = $("#single").val();
            $('#imageToShow').val(singleValues);
        });
        form.submit();
        });
    </script>

艾哈迈达巴德
哥印拜陀
卢迪亚纳
德里
班加罗尔
钦奈
孟买
高知
$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
var singleValues=$（“#single”）.val（）；
$（'#imageToShow'）.val（单值）；
});
表单提交（）；
});

和php代码

<?php

if(isset($_GET['imageToShow'])){

    //  php code to get image

} 

---

要使用AJAX执行此操作，您需要一个php文件（例如AJAX.php）来处理sql请求并返回图像（服务器端）：

如果刷新页面，则不是AJAX。
<?php
if (!empty($_GET['city']))
{
    // Query SQL
    echo $image_url;
    exit;
}

$("#single").change(function() {
    var city_val = $(this).val();
    $.get("ajax.php?city="+city_val,function(img_src) {
        alert(img_src);
    });
});