Поле со списком «Родитель-ребенок»

Question

Я хочу реализовать поле со списком дочерних родителей (например, состояние страны, если мы выбираем любую страну, поле со списком состояний должно быть заполнено в соответствии с выбранной страной) в моей форме с помощью jquery Пожалуйста, дайте любые предложения, как это реализовать Спасибо

Answer 1

Хорошо, присоедините функцию к событию изменения поля со списком стран и получите html из AJAX или подобного. Затем заполните дочернее поле со списком.

Например

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

Answer 2

Этот код перебирает массив и заполняет другое поле выбора (#targetBox) на основе вашего выбора в # 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);
    });
});