Heim > Datenbank > MySQL-Tutorial > Hauptteil

Wie erstelle ich dynamische abhängige Dropdown-Boxen mit jQuery, AJAX, PHP und MySQL?

Mary-Kate Olsen
Freigeben: 2024-11-16 15:11:03
Original
389 Leute haben es durchsucht

How to Create Dynamic Dependent Dropdown Boxes Using jQuery, AJAX, PHP, and MySQL?

Dynamische abhängige Dropdown-Boxen mit jQuery/AJAX mit PHP/MySQL erstellen

Mit dem Ziel, einen dynamischen Satz von Dropdown-Boxen zu erstellen, versuchen Sie es Verwenden Sie jQuery/AJAX und PHP/MySQL. Das Ziel besteht darin, dass im zweiten Dropdown-Menü Werte angezeigt werden, die auf der Auswahl im ersten Dropdown-Menü basieren. Ihr HTML-, PHP- und JavaScript-Codeausschnitt hebt diese Bemühungen hervor, aber Sie stoßen auf Schwierigkeiten beim Ausfüllen des zweiten Dropdown-Menüs.

Angepasster Code für den Erfolg

Um das Problem zu beheben, wenden Sie sich an Ihren Code erfordert einige Anpassungen:

Geändertes document.ready:

$().ready(function() { // or $(function() {});
Nach dem Login kopieren

Überarbeitetes Looping für JSON Ergebnis:

$.each(data.subjects, function(i, val){    
   $('select#item_2').append(`<option value="${val.id}">${val.name}</option>`);
});
Nach dem Login kopieren

Zusätzliche Überlegungen:

  • Stellen Sie sicher, dass der im
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage