javascript - 更改数据表中ajax请求中下拉菜单的选择选项

Question

我有一个正在触发 ajax 请求的数据表。

addOnloadEvent(function () {

var oTable = $('#lenderList').dataTable(                         
    {                                                            
        bServerSide: true,                                       
        bProcessing: true,                                       
        sAjaxSource: "loanAdminAjax?ajax=true&searchCol="+$('#category').val(),                
        sServerMethod: 'POST',                                   
        sPaginationType: "full_numbers",                                                                                                                                                                                                                     
          "ajax": {                                              
              "data": function ( d ) {                           
                  d.extra_search = $('#category').val();         
              }                                                  
          },                                                     

        aoColumns: [                                             
            {                                                    
                "sName": "loanApplicationNumber",                
                mData: "loanApplicationNumber"                   
            },                                                   
            {                                                    
                "sName": "name",                                 
                mData: "name"                                    
            },                                                   
            {                                                    
                "sName": "submissionDate",                       
                mData: "submissionDate"                          
            },                                                   
            {                                                    
                "sName": "kycEmailId",                           
                mData: "kycEmailId"                              
            }                                               
        ],                                                       
        "dom": 'T<"clear">lfrtip',                               
        "tableTools": {                                          
            "sSwfPath": "/swf/copy_csv_xls_pdf.swf"              
        }                                                        
    }                                                            
);                                                               

在ajax调用中，它采用类别值(这是一个下拉列表)

sAjaxSource: "loanAdminAjax?ajax=true&searchCol="+$('#category').val(),

 <select name="category"  id="category">                                     
    <option  value="loanApplicationNumber">loanApplicationNumber</option>   
    <option value="name">name</option>                                      
    <option value="kyc_email">EmailId</option>                              
    <option value="documentStatus">documentStatus</option>                  
</select>   

我想更改每当有人选择新值时在 ajax 请求中发送的类别值。有人可以帮我吗？

Answer 1

据我了解，每次用户更改所选选项时都必须执行 ajax 调用。
所以这里你需要一个事件监听器来监听 select 中每次所选项目的变化:

$('#category').on('change', function() {
  // Here you put all the ajax call
});