codeigniter - verwenden abhängige Dropdown mit jquery zweimal in einer Seite

Question

Ich habe diese Funktion abhängt, Drop-Down, die für die Adresse verwendet wird, hier ist mein Code,

  <select class="form-control" name = "PROV_ID" id = "PROV_ID"> 
       <option></option> 
       <?php foreach ($content as $cs) {?> 
        <option value="<?php echo $cs->PROV_ID; ?>"><?php echo $cs->PROVINCE; ?></option> 
       <?php } ?> 
      </select> 

      <select class="form-control" name = 'CT_ID' id = 'CT_ID'> 
       <option value="">-- Select Type --</option> 
      </select> 

jquery ist

jQuery(document).ready(function(){ 
    $("#PROV_ID").change(function() { 
    var PROVID = {"PROVID" : $('#PROV_ID').val()}; 
    console.log(PROVID); 

    $.ajax({ 
     type: "POST", 
     data: PROVID, 
     url: "<?php base_url(); ?>Employees/dependent_dropdown", 

     success: function(data){ 
      var select = $('#CT_ID'); 
      select.html(''); 
      $.each(data, function(i, option){ 
       select.append("<option value='"+option.CT_ID+"'>"+option.CITY+"</option>"); 
      }); 
     } 
    }); 
    }); 
}); 

jetzt, was ich brauche einen anderen, wie dies in meiner Form zu tun, ist, weil ich es für Wohn- und permanente Adresse benötigen, habe ich eine andere ähnliche

  <select class="form-control" name = "PROV_ID2" id = "PROV_ID2"> 
       <option></option> 
       <?php foreach ($content as $cs) {?> 
        <option value="<?php echo $cs->PROV_ID; ?>"><?php echo $cs->PROVINCE; ?></option> 
       <?php } ?> 
      </select> 

      <select class="form-control" name = 'CT_ID2' id = 'CT_ID2'> 
       <option value="">-- Select Type --</option> 
      </select> 

und die jquery ist

jQuery(document).ready(function(){ 
    $("#PROV_ID2").change(function() { 
    var PROVID2 = {"PROVID2" : $('#PROV_ID2').val()}; 
    console.log(PROVID2); 

    $.ajax({ 
     type: "POST", 
     data: PROVID2, 
     url: "<?php base_url(); ?>Employees/dependent_dropdown", 

     success: function(data){ 
      var select = $('#CT_ID2'); 
      select.html(''); 
      $.each(data, function(i2, option2){ 
       select.append("<option value='"+option2.CT_ID+"'>"+option2.CITY+"</option>"); 
      }); 
     } 
    }); 
    }); 
}); 

im nicht, dass mit dem jquery bec sicher. Ich bin nicht damit vertraut, aber ich brauche dieses so schnell wie möglich. Was ist der Fehler? Warum funktioniert das zweite abhängige Dropdown nicht?

Dank

Answer 1

versuchen, dies für die zweiten Drop-Down, versucht zuerst elbe

<select class="form-control" name = "PROV_ID2" id = "PROV_ID2" onchange="provchange()"> 
       <option></option> 
       <?php foreach ($content as $cs) {?> 
        <option value="<?php echo $cs->PROV_ID; ?>"><?php echo $cs->PROVINCE; ?></option> 
       <?php } ?> 
      </select> 

      <select class="form-control" name = 'CT_ID2' id = 'CT_ID2'> 
       <option value="">-- Select Type --</option> 
      </select> 

jquery js

function provchange(){ 
         var PROV_ID2=$('#PROV_ID2').val(); 

         $.ajax({ 
         url: "<?php echo base_url('Employees/dependent_dropdown/')?>", 
         type: "post", 
         data : { 
          PROV_ID: PROVID2 
         }, 
         success: function(data){ 
          var json = JSON.parse(data); 
          //alert(data); 
          $("#CT_ID2").empty(); 
          $("#CT_ID2").append($('<option></option>').attr('value', '').text(':: SELECT ::')); 
          ival=0; 
         for (var i in json) { 
         $("#CT_ID2").append($('<option></option>').attr('value', json[i].CT_ID).text(json[i].CITY)); 
         } 
         } 
         }); 

      }