Lista desplegable dinámica con PHP y MYSQL

Question

Oct 20, 2016, 02:42 PM

Lista desplegable dinámica con PHP y MYSQL

He estado tratando de crear un formulario con una lista desplegable dinámica para obtener datos de MYSQL. Mi base de datos está bien sin errores.

La primera categoría de menú desplegable funciona bien, pero me pregunto por qué mi segundo menú desplegable no funciona. Simplemente no puedo rastrear ningún error en el código y, sin embargo, esto está sucediendo. Aquí está mi código:

Código para el formulario desplegable dinámico:

<?php
    include_once "connection.php";
?>

<!DOCTYPE html>
<html>
    <head>
        <title>Dropdown Ajax</title>
    </head>
    <body>
        <div class="country">
            <label>Country</label>
            <select name="country" onchange="getId(this.value);">
                <option value="">Select Country</option>
                //populate value using php
                <?php
                    $query = "SELECT * FROM country";
                    $results=mysqli_query($con, $query);
                    //loop
                    foreach ($results as $country){
                ?>
                        <option value="<?php echo $country["cid"];?>"><?php echo $country["country"];?></option>
                <?php
                    }
                ?>
            </select>
        </div>

        <div class="city">
            <label>City</label>
            <select name="city" id="cityList">
                <option value=""></option>
            </select>
        </div>
    <script   src="https://code.jquery.com/jquery-3.1.1.js"   integrity="sha256-
16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="   crossorigin="anonymous">  
    </script>
    <script>
        function getId(val){
            //We create ajax function
            $.ajax({
                type: "POST",
                url: "getdata.php",
                data: "cid="+val,
                success: function(data){
                    $(#cityList).html(data);
                }
            });
        }
    </script>
    </body>
</html>

Código de conexión de la base de datos:

<?php
    $con = mysqli_connect("localhost", "root", "kensift", "tuts");
    //Check connection
    if(mysqli_connect_errno()){
        echo "Failed to connect:".mysqli_connect_errno();
    }
?>

Código para el segundo desplegable dinámico:

<?php
    include_once "connection.php";
    if (!empty($_POST["cid"])) {
        $cid = $_POST["cid"]; 
        $query="SELECT * FROM city WHERE cid=$cid";
        $results = mysqli_query($con, $query);

        foreach ($results as $city){
?>
            <option value="<?php echo $city["cityId"];?>"><?php echo $city["city"];?>
    </option>       
<?php
        }
    }
?>

Estas tres partes del código están en diferentes archivos.