


Wie fülle ich eine abhängige Dropdown-Liste dynamisch mit jQuery, AJAX, PHP und MySQL?
Nov 16, 2024 pm 06:10 PMDynamische Dropdown-Listenauffüllung mit jQuery/AJAX und PHP/MySQL
In diesem Beispiel wollen wir einen Satz von zwei Dropdown-Listen erstellen, in denen die Optionen des zweiten Dropdowns enthalten sind werden basierend auf der Auswahl im ersten Dropdown-Menü dynamisch ausgefüllt.
jQuery/AJAX Skript:
$(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-Skript:
<?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); ?>
HTML-Markup:
<label>
Das obige ist der detaillierte Inhalt vonWie fülle ich eine abhängige Dropdown-Liste dynamisch mit jQuery, AJAX, PHP und MySQL?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Reduzieren Sie die Verwendung des MySQL -Speichers im Docker

Wie verändern Sie eine Tabelle in MySQL mit der Änderungstabelleanweisung?

So lösen Sie das Problem der MySQL können die gemeinsame Bibliothek nicht öffnen

Führen Sie MySQL in Linux aus (mit/ohne Podman -Container mit Phpmyadmin)

Ausführen mehrerer MySQL-Versionen auf macOS: Eine Schritt-für-Schritt-Anleitung

Wie sichere ich mich MySQL gegen gemeinsame Schwachstellen (SQL-Injektion, Brute-Force-Angriffe)?

Wie konfiguriere ich die SSL/TLS -Verschlüsselung für MySQL -Verbindungen?
