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
Libérer: 2024-11-16 15:11:03
original
499 Les gens l'ont consulté

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() {});
Copier après la connexion

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>`);
});
Copier après la connexion

Considérations supplémentaires :

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal