2016-06-29 13 views
0

ich diese abhängig Drop-Down-Funktion, wo ich eine Drop-Down-und ein anderes auf sie je habe,zwei Dropdown-Listen auf einer abhängigen Dropdown codeigniter

hier ist die HTML-

  <select class="form-control" name = "PROV_ID" id = "PROV_ID"> 
       <option></option> 
       <?php foreach ($content2 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=""></option> 
       </select> 

und hier ist die Javascript

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 möchte ich einen solchen haben, aber ich wollte Werte für die ersten beiden Dropdown-Menüs ausgewählt haben, bevor der abhängige die Werte anzeigt.

z.B.

first dropdown -> wählen Wert second dropdown -> ergibt Werte gemäß der ersten und zweiten Auswahl -> ein Wert

dependent dropdown auswählt.

Beispiel: select * from thistable where column1 = 'firstdropdownvalue' and column2 = 'seconddropdownvalue'

dann die Dropdown-Werte würden die Folge sein.

+2

Für Front-End-Probleme, posten Sie bitte die Ausgabe HTML, nicht die PHP, die es macht. – evolutionxbox

+0

Möchten Sie den dritten Drop-Down von zwei Drop-Downs abhängig machen? –

+0

@KajaMydeen ja das ist was ich will. :) –

Antwort

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

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

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

Sie können so versuchen. Übergeben Sie zwei ausgewählte Werte. Hoffe, du hast verstanden

+0

ich denke, dass ich nicht tun kann. Bec meine Variable ist '$ data = $ _POST ['PROVID'];' und meine Abfrage ist '$ sql =" SELECT * FROM Städte WHERE PROV_ID = '". $ data."' ORDER BY CITY ASC ";' –

Verwandte Themen