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

Question

我有一个简单的下拉框和jquery从我选择的价值。

它工作正常，但我想要选定的值到一个PHP变量，之后，我需要自动刷新页面。

我确切的需要是当我选择一个城市时，下面的图像会相应变化。

例如，如果我选择德里我得到的价值一个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(); 

plase帮助我....

Answer 1

要使用AJAX做到这一点，你需要一个PHP文件（ajax.php为例）来处理SQL请求，并返回映像（服务器端）：

<?php 
if (!empty($_GET['city'])) 
{ 
    // Query SQL 
    echo $image_url; 
    exit; 
} 

还需要页面中的ajax请求（客户端）：

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

Answer 2

<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> 

并在php代码

<?php 

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

    // php code to get image 

}