獲取選項值從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 

}