Liste déroulante dépendante de jQuery – États et districts

Dans ce didacticiel, nous allons voir comment modifier l’option de liste déroulante de district en fonction du nom de l’État sélectionné.
Pour Localhost, créez une base de données avec des démos de nom et importez le fichier SQL disponible dans le package de téléchargement.
Voir la démo
Dans cet exemple, nous avons deux listes déroulantes pour répertorier les États et les districts. Lors de la modification des valeurs de liste déroulante des états, les valeurs de liste déroulante de district correspondantes seront chargées dynamiquement à l’aide de jQuery AJAX.
Code HTML pour la liste déroulante de l’état et du district

Sate :

Select






District :

Select

Obtenir des états à l’aide de jQuery AJAX
Ce script contient une fonction qui sera appelée lors de la modification des valeurs de liste déroulante d’état. Il enverra une requête AJAX à une page PHP pour obtenir les options de liste déroulante de district correspondantes.

Lire la base de données d’état en utilisant PHP
Ce code PHP connecte la base de données pour récupérer les valeurs de la table de district en fonction de l’ID de pays transmis par l’appel jQuery AJAX.

Select District

">

Pour Localhost, créez une base de données avec des démos de nom et importez le fichier SQL disponible dans le package de téléchargement.
Voir la démo