一个依赖下拉代码点火器上的两个下拉菜单

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

你可以这样试试。传递两个选定的值。希望你能理解