一個從屬下拉代碼點火器的兩個下拉菜單

Question

我有這個依賴的下拉菜單功能，其中有一個下拉菜單，另一個取決於它，

這是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>

這是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>");
          });
      }
     });
   });
 });

現在我想要一個這樣的對象，但是我想在從屬下拉列表顯示值之前為前兩個下拉列表選擇值。

例如

first dropdown ->選擇一個值second dropdown ->選擇一個值

dependent dropdown ->根據第一個和第二個下拉列表給出值。

示例： select * from thistable where column1 = 'firstdropdownvalue' and column2 = 'seconddropdownvalue'

那么下拉值將是結果。

Answer 1

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>");
          });
      }
     });
   });
 });

您可以這樣嘗試。 傳遞兩個選定的值。 希望你理解