ajaxを使って別のPHPページにphp selectオプションから値を送る方法？

Question

私は2つの選択肢menuesを最初に1つは国を選択するための2番目のウェブサイトを作成していると、2番目の状態のために、ajaxを使用してライブ検索のための検索バーがあります。 私は選択した国にajaxを使って送信するので、州のメニューはいくつかのPHPファイルからいっぱいです。

私は、選択したオプションのIDを状態メニューから別のPHPページにajaxを使って送信して、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>