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

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

Mary-Kate Olsen

Lepaskan： 2024-12-11 00:04:10

asal

451 orang telah melayarinya

How to Create Dynamically Populated Dependent Drop-Down Boxes Using PHP and 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

<html>
    <head>
        <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>
    </head>
<body>

    <select name="students">

Salin selepas log masuk

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;

Salin selepas log masuk

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!