使用 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();