Combinaison de liste déroulante parent-enfant

Question

Je veux implémenter une combinaison de liste déroulante parent-enfant (pays état par exemple, si nous sélectionnons un pays, la liste déroulante d'état devrait être peuplée en fonction du pays sélectionné) dans mon formulaire avec jQuery. Veuillez donner des suggestions sur comment implémenter ceci. Merci

Answer 1

Eh bien, attachez une fonction à l'événement de changement de la liste déroulante du pays et récupérez le contenu HTML de l'AJAX ou similaire. Ensuite, peuplez la liste déroulante enfant.

Par exemple

$("#parentbox").change(function() {
   var myval =$("#parentbox").val();
   // Récupérez le contenu depuis la base de données ou similaire
   $("#childbox").html(newhtml);
}

Answer 2

Ce code itère à travers un tableau, et remplit une autre boîte de sélection (#targetBox) en fonction de votre sélection dans #sourceBox.

$(document).ready(function(){
   $('#sourceBox').change(function(){
    var options = "";
    for (var i = 0; i < locations.length; i++){
      options += '' 
          + locations[i][$('#sourceBox option:selected').text()] 
          + '';
    }
    $('#targetBox').html(options);
    });
});