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

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-16 15:11:03488Durchsuche

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() {});

Überarbeitetes Looping für JSON Ergebnis:

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

Zusätzliche Überlegungen:

  • Stellen Sie sicher, dass der im