首頁 > 後端開發 > php教程 > 如何使用 PHP 和 AJAX 建立依賴下拉式選單?

如何使用 PHP 和 AJAX 建立依賴下拉式選單?

Linda Hamilton
發布: 2024-12-15 13:29:14
原創
226 人瀏覽過

How to Create a Dependent Dropdown Menu Using PHP and AJAX?

動態填充下拉框

問題

您想要建立一個動態下拉框,其中第二個下拉框中的選項取決於第一個下拉框中所做的選擇。

資料庫結構:

Table: category
| id | master | name |
| --- | ------ | ----- |
| 1   | 0 | Main 1 |
| 2   | 1 | Sub 1 |
| 3   | 1 | Sub 2 |
| 4   | 0 | Main 2 |
| 5   | 4 | Sub 3 |
| 6   | 4 | Sub 4 |
登入後複製

用於索引頁的PHP 腳本(tester.php):

<select name="master">
登入後複製

用於資料填充的PHP 腳本(another_php_file .php):

<?php
if (isset($_POST['master_id']) && $_POST['master_id'] != '') {
    $master_id = $_POST['master_id'];
    $sql = "SELECT * FROM `category` WHERE `master` = ?";
    $statement = $objDb->prepare($sql);
    $statement->execute(array($master_id));
    $list = $statement->fetchAll(PDO::FETCH_ASSOC);
    echo '<option value="" selected disabled>Select Sub</option>';
    if (!empty($list)) {
        foreach ($list as $row) {
            echo '<option value="' . $row['id'] . '">' . $row['name'] . '</option>';
        }
    }
}
?>
登入後複製

以上是如何使用 PHP 和 AJAX 建立依賴下拉式選單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板