如何使用 PHP 和 AJAX 建立動態填滿的依賴下拉方塊？-php教程-PHP中文網

首頁

後端開發

php教程

如何使用 PHP 和 AJAX 建立動態填滿的依賴下拉方塊？

Mary-Kate Olsen

Dec 11, 2024 am 12:04 AM

How to Create Dynamically Populated Dependent Drop-Down Boxes Using PHP and AJAX?

動態填充的下拉框

在此範例中，我們的目標是建立動態下拉框，其中第二個下拉清單中的選項框取決於第一個下拉框中所做的選擇。

這是您的修改版本程式碼：

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">

登入後複製

another_p hp_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;

登入後複製

在此範例中，選項第二個下拉方塊中的內容將根據第一個下拉方塊中選取的值動態填入。類別表已修改為包含一個主字段，用於對第二個下拉框中的選項進行分組。

以上是如何使用 PHP 和 AJAX 建立動態填滿的依賴下拉方塊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1658

CakePHP 教程

1415

Laravel 教程

1309

PHP教程

1257

C# 教程

1231

Related knowledge

會話如何劫持工作，如何在PHP中減輕它？ Apr 06, 2025 am 12:02 AM

會話劫持可以通過以下步驟實現：1.獲取會話ID，2.使用會話ID，3.保持會話活躍。在PHP中防範會話劫持的方法包括：1.使用session_regenerate_id()函數重新生成會話ID，2.通過數據庫存儲會話數據，3.確保所有會話數據通過HTTPS傳輸。

說明PHP中的不同錯誤類型（注意，警告，致命錯誤，解析錯誤）。 Apr 08, 2025 am 12:03 AM

PHP中有四種主要錯誤類型：1.Notice：最輕微，不會中斷程序，如訪問未定義變量；2.Warning：比Notice嚴重，不會終止程序，如包含不存在文件；3.FatalError：最嚴重，會終止程序，如調用不存在函數；4.ParseError：語法錯誤，會阻止程序執行，如忘記添加結束標籤。

PHP和Python：比較兩種流行的編程語言 Apr 14, 2025 am 12:13 AM

PHP和Python各有優勢，選擇依據項目需求。 1.PHP適合web開發，尤其快速開發和維護網站。 2.Python適用於數據科學、機器學習和人工智能，語法簡潔，適合初學者。

說明PHP中的安全密碼散列（例如，password_hash，password_verify）。為什麼不使用MD5或SHA1？ Apr 17, 2025 am 12:06 AM

在PHP中，應使用password_hash和password_verify函數實現安全的密碼哈希處理，不應使用MD5或SHA1。1)password_hash生成包含鹽值的哈希，增強安全性。 2)password_verify驗證密碼，通過比較哈希值確保安全。 3)MD5和SHA1易受攻擊且缺乏鹽值，不適合現代密碼安全。

什麼是HTTP請求方法（獲取，發布，放置，刪除等），何時應該使用？ Apr 09, 2025 am 12:09 AM

HTTP請求方法包括GET、POST、PUT和DELETE，分別用於獲取、提交、更新和刪除資源。 1.GET方法用於獲取資源，適用於讀取操作。 2.POST方法用於提交數據，常用於創建新資源。 3.PUT方法用於更新資源，適用於完整更新。 4.DELETE方法用於刪除資源，適用於刪除操作。

PHP：網絡開發的關鍵語言 Apr 13, 2025 am 12:08 AM

PHP是一種廣泛應用於服務器端的腳本語言，特別適合web開發。 1.PHP可以嵌入HTML，處理HTTP請求和響應，支持多種數據庫。 2.PHP用於生成動態網頁內容，處理表單數據，訪問數據庫等，具有強大的社區支持和開源資源。 3.PHP是解釋型語言，執行過程包括詞法分析、語法分析、編譯和執行。 4.PHP可以與MySQL結合用於用戶註冊系統等高級應用。 5.調試PHP時，可使用error_reporting()和var_dump()等函數。 6.優化PHP代碼可通過緩存機制、優化數據庫查詢和使用內置函數。 7