選擇選項后，選擇選項不顯示數據

Question

選擇“國家/地區”后，我試圖獲取“國家/地區”列表。

國家/地區列表顯示正確，但是當我選擇國家/地區時，州/地區實際上並未顯示在下拉選擇表單中。

我正在使用ajax將數據從index.php發送到ajaxData.php，但是我無法弄清楚我在做什么錯。

任何幫助，將不勝感激。

這是index.php

    <script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#country').on('change',function(){
        var countryID = $(this).val();
        if(countryID){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'marka_id='+countryID,
                success:function(html){
                    $('#state').html(html);
                    $('#city').html('<option value="">Select state first</option>'); 
                }
            }); 
        }else{
            $('#state').html('<option value="">Select country first</option>');
            $('#city').html('<option value="">Select state first</option>'); 
        }
    });

    $('#state').on('change',function(){
        var stateID = $(this).val();
        if(stateID){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'modeli_id='+stateID,
                success:function(html){
                    $('#state').html(html);
                }
            }); 
        }else{
           ''); 
        }
    });
});
</script>

<?php
//Include database configuration file
include('dbConfig.php');

//Get all country data
$query = $db->query("SELECT * FROM marka WHERE `status` = 1 ORDER BY marka_name ASC");

//Count total number of rows
$rowCount = $query->num_rows;
?>
<select name="country" id="country">
    <option value="">SelectMarken </option>
    <?php
    if($rowCount > 0){
        while($row = $query->fetch_assoc()){ 
            echo '<option value="'.$row['marka_id'].'">'.$row['marka_name'].'</option>';
        }
    }else{
        echo '<option value="">Country doesnt exist</option>';
    }
    ?>
</select>
<select name="state" id="state">
    <option value="">Select state</option>
</select>

這是：ajaxData.php

<?php
//Include database configuration file
include('dbConfig.php');

if(isset($_POST["marka_id"]) && !empty($_POST["marka_id"])){
    //Get all state data
    $query = $db->query("SELECT * FROM modeli WHERE `marka_id` = ".$_POST['marka_id']." AND `status` = 1 ORDER BY modeli_name ASC");

    //Count total number of rows
    $rowCount = $query->num_rows;

    //Display states list
    if($rowCount > 0){
        echo '<option value="">Select modelin</option>';
        while($row = $query->fetch_assoc()){ 
            echo '<option value="'.$row['modeli_id'].'">'.$row['modeli_name'].'</option>';
        }
    }else{
        echo '<option value="">Modeli doesnt exist</option>';
    }
}


?>

[更新的代碼] 我忘了立即發布，所以現在這就是我擁有的並且可以使用。

ajaxData.php

<?php
//Include database configuration file
include('dbConfig.php');

if(isset($_POST["marka_id"]) && !empty($_POST["marka_id"])){
    //Get all state data
    $query = $db->query("SELECT * FROM modeli WHERE `marka_id` = ".$_POST['marka_id']." AND `status` = 1 ORDER BY modeli_name ASC");

    //Count total number of rows
    $rowCount = $query->num_rows;

    //Display states list
    if($rowCount > 0){
      $optionHTML = '<option value="">Select modelin</option>';
    while($row = $query->fetch_assoc()){ 
        $optionHTML .= '<option value="'.$row['modeli_id'].'">'.$row['modeli_name'].'</option>';
    }

echo $optionHTML;
    }else{
        echo '<option value="">Modeli doesnt exist</option>';
    }
}


?>

的index.php

<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#country').on('change',function(){
        var countryID = $(this).val();
        if(countryID){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'marka_id='+countryID,
                success:function(html){
                    $('#state').html(html);
                    $('#city').html('<option value="">Select state first</option>'); 
                }
            }); 
        }else{
            $('#state').html('<option value="">Select country first</option>');

        }
    });

});
</script>

<?php
//Include database configuration file
include('dbConfig.php');

//Get all country data
$query = $db->query("SELECT * FROM marka WHERE `status` = 1 ORDER BY marka_name ASC");

//Count total number of rows
$rowCount = $query->num_rows;
?>
<select name="country" id="country">
    <option value="">SelectMarken </option>
    <?php
    if($rowCount > 0){
        while($row = $query->fetch_assoc()){ 
            echo '<option value="'.$row['marka_id'].'">'.$row['marka_name'].'</option>';
        }
    }else{
        echo '<option value="">Ss</option>';
    }
    ?>
</select>
<select name="state" id="state">
    <option value="">Select state</option>
</select>

Answer 1

錯誤在於#state函數，代碼的另一部分是在選擇州后等待城市數據。

因此，我必須使“ else”完全無效才能起作用。

多謝你們。