如何發送一個值從php選擇選項到另一個php頁面使用ajax？

Question

我創建了一些網站，有2選擇選項菜單第一個選擇國家，第二個州和有一個搜索欄使用阿賈克斯進行實時搜索。 狀態菜單是從一些PHP文件填充，因爲我發送選定的國家使用Ajax。

我想要的是從狀態菜單中將所選選項的ID發送到另一個使用ajax的php頁面，這樣如果我選擇ALABAMA狀態並單擊搜索欄並開始鍵入某些阿拉巴馬市的某些字母，只有阿拉巴馬

的城市

這裏是我的Ajax代碼：

<script> 
function getCity(val){ 
      //var vall = document.getElementById('gadget').value; 
    $.ajax({ 
     type: "POST", 
     url: "ajax/city.php",  
     data:'q='+$(this).val(), 
     success: function(data){ 
     $("#suggesstion-box").show(); 
        $("#suggesstion-box").html(data); 
        $("#search-box").css("background","#FFF"); 
     } 
    }); 

} 
</script> 

和這裏的狀態菜單：

<select class="form-control" id="txtHint" style="width:120%;" onchange="getCity(this.value)"> 
    <option value="-1"> Select State &nbsp;&nbsp; </option> 
</select> 

和這裏的合作德在AJAX文件：

<?php 
if (!empty($_POST["q"])) { 
    if(!empty($_POST["keyword"])) { 
    $query ="SELECT `city`,`state_code` FROM `cities` WHERE `S_code` = '".$_POST["q"]."' AND `city` LIKE '" . $_POST["keyword"] . "%' ORDER BY city LIMIT 0,6"; 

    $result = mysql_query($query) ; 
     if(!empty($result)) { 
?> 

<ul id="country-list"> 

<?php 
      while($row = mysql_fetch_array($result)) { 
?> 

<li onClick="selectCountry('<?php echo $row["city"]; ?>');"><?php echo $row["city"]." ,".$row["state_code"]; ?></li> 

<?php 
      } 
?> 
</ul> 
<?php 
     } 
    } 
    } 
?> 

Q值似乎是空

Answer 1

試試你的Ajax代碼是這樣的：

<script> 
function getCity(val){ 
      //var vall = document.getElementById('gadget').value; 
    $.ajax({ 
     type: "POST", 
     url: "ajax/city.php",  
     data:{q:val}, 
     success: function(data){ 
     $("#suggesstion-box").show(); 
        $("#suggesstion-box").html(data); 
        $("#search-box").css("background","#FFF"); 
     } 
    }); 

} 
</script> 

Answer 2

您必須使用數據： 'Q =' + VAL因爲$（本）.VAL（）不是函數

Answer 3

嘗試使用這樣裏面的值入店，

<script> 
    function getCity(val){ 
     //var vall = document.getElementById('gadget').value; 
    $.ajax({ 
     type: "POST", 
     url: "ajax/city.php",  
     data:'q='+val, 
     success: function(data){ 
     $("#suggesstion-box").show(); 
       $("#suggesstion-box").html(data); 
       $("#search-box").css("background","#FFF"); 
     } 
    }); 

} 
</script> 

或者使用值這個樣子，

<script> 
     function getCity(val){ 

     $.ajax({ 
      type: "POST", 
      url: "ajax/city.php",  
      data:'q='+document.getElementById('txtHint').value, 
      success: function(data){ 
      $("#suggesstion-box").show(); 
       $("#suggesstion-box").html(data); 
       $("#search-box").css("background","#FFF"); 
      } 
     }); 

    } 
    </script>