Maison >base de données >tutoriel mysql >Comment créer des listes déroulantes dépendantes dynamiques à l'aide de jQuery, AJAX, PHP et MySQL ?

Comment créer des listes déroulantes dépendantes dynamiques à l'aide de jQuery, AJAX, PHP et MySQL ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-16 15:11:03476parcourir

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

Création de listes déroulantes dépendantes dynamiques à l'aide de jQuery/AJAX avec PHP/MySQL

Dans le but de créer un ensemble dynamique de listes déroulantes, vous essayez de utilisez jQuery/AJAX et PHP/MySQL. L'objectif est que la deuxième liste déroulante affiche les valeurs basées sur la sélection dans la première liste déroulante. Votre extrait de code HTML, PHP et JavaScript met en évidence ces efforts, mais vous rencontrez des difficultés pour remplir la deuxième liste déroulante.

Code ajusté pour réussir

Pour résoudre le problème, votre le code nécessite quelques ajustements :

Modifié document.ready :

$().ready(function() { // or $(function() {});

Bouclage révisé pour le résultat JSON :

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

Considérations supplémentaires :

  • Assurez-vous que le code inclus dans le