Parent child combo box

Question

Hi I want to implement child parent combo box(country state like if we select any country the state combo box should be populated according to selected country) in my form with jquery. Please give any suggestion how to implement this Thanks

Answer 1

Well, attach a function on the change event of the country combo box and fetch the html from the AJAX or similar. Then populate the child combo box.

For example

$("#parentbox").change(function() {
   var myval =$("#parentbox").val();
   // Fetch the content from database or similar
   $("#childbox").html(newhtml);
}

Answer 2

This code iterates through an array, and populates another select box (#targetBox) based on your selection in #sourceBox.

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