ホームページ > バックエンド開発 > PHPチュートリアル > PHP と AJAX を使用して依存ドロップダウン メニューを作成する方法

PHP と AJAX を使用して依存ドロップダウン メニューを作成する方法

Linda Hamilton
リリース: 2024-12-15 13:29:14
オリジナル
227 人が閲覧しました

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

動的に入力されたドロップダウン ボックス

問題

2 番目のドロップダウン ボックスのオプションが含まれる動的ドロップダウン ボックスを作成したいと考えています。最初のドロップダウン ボックスでの選択内容に依存します。

データベース構造:

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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート