使用jQuery/AJAX 和PHP/MySQL 進行動態(tài)下拉列表填充
在此範例中，我們的目標是建立一組兩個下拉列表，其中第二個下拉清單的選項會根據(jù)第一個下拉清單中的選擇動態(tài)填入。
jQuery/AJAX 腳本：
$(function() {
$("#item_1").change(function() {
var group_id = $(this).val();
$.ajax({
type: "POST",
url: "../../db/groups.php?item_1_id=" + group_id,
dataType: "json",
success: function(data) {
// Clear previous options in the second dropdown
$('select#item_2').empty();
$('select#item_2').append('<option value="0">Select Option</option>');
// Populate the second dropdown
$.each(data.subjects, function(i, val) {
$('select#item_2').append('<option value="' + val.id + '">' + val.name + '</option>');
});
$('select#item_2').focus();
},
beforeSend: function() {
$('select#item_2').empty();
$('select#item_2').append('<option value="0">Loading...</option>');
},
error: function() {
$('select#item_2').attr('disabled', true);
$('select#item_2').empty();
$('select#item_2').append('<option value="0">No Options</option>');
}
});
});
});
PHP 腳本：
<?php
require_once('../includes/connect.php');
$item_1_id = $_GET['item_1_id'];
$dbh = get_org_dbh($org_id);
$return_arr = array();
$sth = $dbh->query("SELECT id, name, level
FROM groups
WHERE level = '2'
AND parent = $item_1_id
GROUP by name
ORDER BY name");
while ($row = $sth->fetch()) {
$row_array = array("name" => $row['name'], "id" => $row['id']);
array_push($return_arr, $row_array);
}
echo json_encode($return_arr);
?>
<label>
以上是如何使用 jQuery、AJAX、PHP 和 MySQL 動態(tài)填入依賴下拉清單？的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
建立與MySQL Server的安全遠程連接
Jul 04, 2025 am 01:44 AM
TosecurelyConnectToaremoteMysqlServer，Usesshtunneling，configuremysqlforremoteaccess，setFireWallrules，andConsidersSlencryption 。首先，stardansshtunnelwithssh-l3307：localhost：3306user@remote-Server-server-nandConnectViamySql-h127.0.0.0.0.1-p3307.second，editmys
了解外鍵在MySQL數(shù)據(jù)完整性中的作用
Jul 03, 2025 am 02:34 AM
ForeignkeysinMySQLensuredataintegritybyenforcingrelationshipsbetweentables.Theypreventorphanedrecords,restrictinvaliddataentry,andcancascadechangesautomatically.BothtablesmustusetheInnoDBstorageengine,andforeignkeycolumnsmustmatchthedatatypeoftherefe
使用mySQL中的mysqldump執(zhí)行邏輯備份
Jul 06, 2025 am 02:55 AM
mysqldump是用於執(zhí)行MySQL數(shù)據(jù)庫邏輯備份的常用工具，它生成包含CREATE和INSERT語句的SQL文件以重建數(shù)據(jù)庫。 1.它不備份原始文件，而是將數(shù)據(jù)庫結構和內(nèi)容轉換為可移植的SQL命令；2.適用於小型數(shù)據(jù)庫或選擇性恢復，不適合TB級數(shù)據(jù)快速恢復；3.常用選項包括--single-transaction、--databases、--all-databases、--routines等；4.恢復時使用mysql命令導入，並可關閉外鍵檢查以提升速度；5.建議定期測試備份、使用壓縮、自動化調(diào)
分析MySQL緩慢查詢?nèi)照I以查找性能瓶頸
Jul 04, 2025 am 02:46 AM
開啟MySQL慢查詢?nèi)罩静⒎治隹啥ㄎ恍阅軉栴}。1.編輯配置文件或動態(tài)設置slow_query_log和long_query_time；2.日志包含Query_time、Lock_time、Rows_examined等關鍵字段，輔助判斷效率瓶頸；3.使用mysqldumpslow或pt-query-digest工具高效分析日志；4.優(yōu)化建議包括添加索引、避免SELECT*、拆分復雜查詢等。例如為user_id加索引能顯著減少掃描行數(shù)，提升查詢效率。
在MySQL列和查詢中處理零值
Jul 05, 2025 am 02:46 AM
處理MySQL中的NULL值需注意：1.設計表時關鍵字段設為NOTNULL，可選字段允許NULL；2.查詢判斷必須用ISNULL或ISNOTNULL，不能用=或!=；3.可用IFNULL或COALESCE函數(shù)替換顯示默認值；4.插入或更新時直接使用NULL值需謹慎，注意數(shù)據(jù)源和ORM框架處理方式。 NULL表示未知值，不等於任何值，包括自身，因此查詢、統(tǒng)計、連接表時要特別小心，避免漏數(shù)據(jù)或邏輯錯誤。合理使用函數(shù)和約束可以有效減少因NULL帶來的干擾。
重置MySQL Server的root密碼
Jul 03, 2025 am 02:32 AM
要重置MySQL的root密碼，請按以下步驟操作：1.停止MySQL服務器，使用sudosystemctlstopmysql或sudosystemctlstopmysqld；2.以--skip-grant-tables模式啟動MySQL，執(zhí)行sudomysqld--skip-grant-tables&；3.登錄MySQL並根據(jù)版本執(zhí)行相應的SQL命令修改密碼，如FLUSHPRIVILEGES;ALTERUSER'root'@'localhost'IDENTIFIEDBY'your_new
計算MySQL中的數(shù)據(jù)庫和表尺寸
Jul 06, 2025 am 02:41 AM
要查看MySQL數(shù)據(jù)庫和表的大小，可直接查詢information_schema或使用命令行工具。 1.查看整個數(shù)據(jù)庫大?。簣?zhí)行SQL語句SELECTtable_schemaAS'Database',SUM(data_length index_length)/1024/1024AS'Size(MB)'FROMinformation_schema.tablesGROUPBYtable_schema;可獲取所有數(shù)據(jù)庫的總大小，也可加WHERE條件限定具體數(shù)據(jù)庫；2.查看單個表大?。和ㄟ^SELECTta
處理MySQL中的角色集和校正問題
Jul 08, 2025 am 02:51 AM
字符集和排序規(guī)則問題常見於跨平臺遷移或多人開發(fā)時，導致亂碼或查詢不一致。核心解決方法有三：一要檢查並統(tǒng)一數(shù)據(jù)庫、表、字段的字符集為utf8mb4，通過SHOWCREATEDATABASE/TABLE查看，用ALTER語句修改；二要在客戶端連接時指定utf8mb4字符集，在連接參數(shù)或執(zhí)行SETNAMES中設置；三要合理選擇排序規(guī)則，推薦使用utf8mb4_unicode_ci以確保比較和排序準確性，並在建庫建表時指定或通過ALTER修改。
