通過jQuery Ajax創建的下拉列表：如何在第一個下拉列表中的選定值的第二個下拉列表中獲取相關項

Question

我正在嘗試填充第二個下拉列表，但未填充過濾器數據，但它會提取所有州，而僅根據第一個下拉列表中選擇的國家/地區獲取相關州。請告訴我代碼中出了什么問題。找不到ID的值，因此所有州名都已填寫在下拉菜單中。

               <script type="text/javascript" src="jquery-ajax/jquery.js"></script>
<script>
$(document).ready(function(){             

    $("#country").change(function(){            

        //var optionValue = $("select[name='country_select']").val();      
       var id=$("#country").val(); 
        //var dataString = 'id='+ id;          
          //alert("datastring"+dataString); 

        $.ajax({
            type: "POST",
            url: "getstate.php",
            data: {Country_Id:id},
            beforeSend: function(){ $("#ajaxLoader").show(); },
            complete: function(){ $("#ajaxLoader").hide(); },
            success: function(response){

                $("#stateAjax").html(response);
                $("#stateAjax").show();

        }

        });        
    });

});
</script>

</head>
<?php
include("connection.php");
?>
<body>
<form method="post">
Select Country:<select name="country_select" id="country">
    <option value="">Select Country</option>
<?php
$cntry = mysql_query("SELECT Country_Id, name FROM country ORDER BY name ASC");
while($row = mysql_fetch_array($cntry))
{
    $id=$row['Country_Id'];
    $name=$row['name'];
echo '<option value="'.$id.'">'.$name.'</option>';
}
?>
    </select>
 <span id="errmsg" style="display:none">There is no matching option</span>
  <div id="ajaxLoader" style="display:none"><img src="jquery-ajax/ajax-loader.gif" alt="loading..."></div>
  <div id="stateAjax" style="display:none">
  <select name="state_select" id="state" style="display:none">
  <option value="">Please Select</option></select></select>
  </div>
</form>   
</body>

        getstate.php


    <?php

    echo $_POST['id'];

    include("connection.php");

    $cntry = mysql_query("SELECT * FROM state where country_id=".$_POST['id']);
    ?>
     State: 
    <select name="state_select" id="state">
    <option value="">Please Select</option>
    <?php
    while($row = mysql_fetch_array($cntry))
    {
        $id=$row['State_id'];
        $name=$row['name'];
    echo '<option value="'.$id.'">'.$name.'</option>';

    }

    ?>
    </select>

Answer 1

$.ajax({
                type: "POST",
                url: "getstate.php",
                data: {country_id:id},
                ...

編輯1：也

var id=$('#country').val();

編輯2：getstate.php

include("connection.php");

$country_Id = intval($_POST['Country_Id']);//if country_Id is integer...if not:$country_Id = $_POST['Country_Id'];
$cntry = mysql_query("SELECT * FROM state where country_id=".$country_Id);

通過jQuery Ajax創建的下拉列表：如何在第一個下拉列表中的選定值的第二個下拉列表中獲取相關項

問題描述

1 個解決方案

解決方案1
1 已采納 2013-04-03 03:20:40

通過jQuery Ajax創建的下拉列表：如何在第一個下拉列表中的選定值的第二個下拉列表中獲取相關項

問題描述

1 個解決方案

解決方案1 1 已采納 2013-04-03 03:20:40

解決方案1
1 已采納 2013-04-03 03:20:40