依赖的下拉错误未定义的索引：TRANCHE codeigniter

Question

i have this drop-down dependent on the choices of the other 2 drop-downs i have debugged the java script but it has an error on my error logs that says,

Undefined index: TRANCHE

here is my controller

   public function dependent_dropdown()
   {
       if(isset($_POST['TRANCHE']) || isset($_POST['GRADE']))
       {

            $data = $_POST['TRANCHE'];
            $data1 = $_POST['GRADE'];
            $this->output
            ->set_content_type("application/json")
            ->set_output(json_encode($this->EmployeeSalary_Model->getType($data, $data1)));
       }
   }

and here is my javascript

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

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

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

please tell me the problem and how can i debug it. thanks

Answer 1

You have to make an array to send both values.

var postData = [ TRANCHE , GRADE ]

$.ajax({
  type: "POST",
  data: JSON.stringify(postData), ////stringify is important 
  url: "<?php base_url(); ?>EmployeeSalary/dependent_dropdown/",

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