Bagaimana untuk Mencipta Kotak Drop-Down Bergantung Berpenduduk Secara Dinamik Menggunakan PHP dan AJAX?

Kotak Jatuh Bawah Berpenduduk Secara Dinamik

Dalam contoh ini, kami berhasrat untuk mencipta kotak lungsur turun dinamik di mana pilihan dalam lungsur ke bawah kedua kotak bergantung pada pilihan yang dibuat dalam kotak lungsur pertama.

Berikut ialah versi ubah suai anda kod:

tester.php

    
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#stSelect').change(function() {
                    var sel_stud = $(this).val();
                    $.ajax({
                        type: "POST",
                        url: "another_php_file.php",
                        data: 'theOption=' + sel_stud,
                        success: function(whatigot) {
                            $('#LaDIV').html(whatigot);
                        }
                    });
                });
            });
        </script>
    


    <select name="students"></select>

another_php_file.php

<?php $server = 'localhost'; //localhost is the usual name of the server if apache/Linux.
$login = 'root';
$pword = '';
$dbname = 'test';
mysql_connect($server,$login,$pword) or die($connect_error); //or die(mysql_error());
mysql_select_db($dbname) or die($connect_error);

//Get value posted in by ajax
$sel_stud = $_POST['theOption'];

//Run DB query
if($sel_stud == "Electronics"){
    $query = "SELECT * FROM `category` WHERE `master` = 1";
}elseif($sel_stud == "Clothes"){
    $query = "SELECT * FROM `category` WHERE `master` = 2";
}else{
    $query = "SELECT * FROM `category` WHERE `master` = 3";
}
$result = mysql_query($query) or die('Fn another_php_file.php ERROR: ' . mysql_error());
$num_rows_returned = mysql_num_rows($result);

//Prepare response html markup
$r = '
        
        <select>
';

//Parse mysql results and create response string. Response can be an html table, a full page, or just a few characters
if ($num_rows_returned > 0) {
    while ($row = mysql_fetch_assoc($result)) {
        $r = $r . '<option value="' .$row['id']. '">' . $row['name'] . '</option>';
    }
} else {
    $r = '<p>No Items</p>';
}

echo $r;

Dalam contoh ini, pilihan dalam kotak drop down kedua diisi secara dinamik berdasarkan nilai yang dipilih dalam kotak drop down pertama. Jadual kategori diubah suai untuk memasukkan medan induk untuk mengumpulkan pilihan dalam kotak lungsur kedua.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Kotak Drop-Down Bergantung Berpenduduk Secara Dinamik Menggunakan PHP dan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!