Несколько выпадающих для фильтрации данных с использованием ajax php

Question

У меня есть 4 выпадающих списка, через которые я фильтрую и печатаю данные из базы данных.Проблема в том, что если я выбираю только значение 1 из раскрывающегося списка, он автоматически помещает значение по умолчанию для других раскрывающихся списков в функцию ajax, например.

, например,

dropdown 1    |   dropdown 2     | dropdown 3     | dropdown 4
  val_d1            val_d2           val_d3            val_d4
  val2_d1           val2_d2          val2_d3           val2_d4
  val3_d1           val3_d           val3_d3           val3_d4

Теперь, если я выбираю толькозначение из раскрывающегося списка 1 для фильтрации данных.Он автоматически выбирает значения из другого раскрывающегося списка.

Что мне нужно, если я выбираю значение из раскрывающегося списка 1, то только значение этого раскрывающегося списка должно идти в ajax.

  <section id="coup_filter">
       all dropdowns are inside this section
  <section>

Вот мой сценарий

 $('#filter').on('change','.filter',function(){

            var bank;
            bank=$("select[name='bank']").val();
            var card_type;
            card_type=$("select[name='card_type']").val();
            var afee;
            afee=$("select[name='annual_fee']").val();
            var jfee;
            afee=$("select[name='joining_fee']").val();
            alert(card_type);
            load_data2();
            function load_data2(page){
            $.ajax({
                    url: '<?php echo site_url();?>/ajax/autoload_cc',
                    method: 'POST',
                    dataType : 'json',
                    data: {
                        page: page,afee:afee,card_type:card_type,jfee:jfee,bank:bank
                    },
                    success: function(res){
                        var html;var i;
                        if(res.length==0)
                        {
                            html +='<h3>No Result Found</h3>';
                            console.log(res);
                        }
                        else
                        {
                           //print data
                        }

Answer 1

Похоже, что опечатка afee / jfee

у вас есть

afee=$("select[name='joining_fee']").val();

, что должно быть

jfee=$("select[name='joining_fee']").val();