AJAX from dropbox to another dropbox change value

Question

У меня есть тэг html, значение которого получается из базы данных, и данные возвращаются к запросу и возвращают значение другому Dropbox.

Мой тег HTML, как это:

И я хочу, чтобы дать значение данных, который выбран для другого выпадающего меню здесь:

И мой JavaScript, как это:

И адрес прямой t о здесь:

И модель, как это:

Как я могу изменить значение идентификатора Sektor 20, когда я выбрав выпадающий список из sektor10 ?, и как вернуть значение из контроллер и значение изменения sektor20?

Answer 1

Рабочий образец, который я сделал для выбора из раскрывающегося списка и отображаемых значений в соответствии с выбранным значением.

В вашем контроллер-

function functionname($id){ 

    $details = $this->your_model->get_details($id); 
    echo json_encode($details); 
    exit; 

} 

В модельно

function get_details($id){ 

    $this->db->select('*'); 
    $this->db->from('packages'); 
    $this->db->where('package_id',$id); 
    $query = $this->db->get()->result(); 
    return $query; 
} 

Javascript-

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" language="javascript"> 
$(document).ready(function(){ 

    $("#sector10").change(function() { 
var selectedMark = $("#sector10").val(); 
if (selectedMark != "") { 
    jQuery.ajax({ 
     type: 'POST', 
     dataType: "json", 
     async:false, 
     url: "<?php echo base_url() . 'loyalty/functionname/'; ?>" + selectedMark, 
     success: function(data) 
     { 
      $("#cards").html(""); 
      $("#cards").append("<option value=''>Select a Card</option>"); 
      var index=1; 

      $.each(data, function() { 
       $("#cards").append("<option value='" + this.card_id + "'>" + this.card_name + "</option>"); 
       $("div#cards_chosen div.chosen-drop ul.chosen-results").append("<li class='active-result' data-option-array-index='"+index+"' >" + this.card_name + "</li>"); 
       index++; 
      }); 
     } 
    }); 
} 
}); 


}); 
</script>