title: Change select option of Dropdown in ajax request in Datatable
body: <p>I have a data table which is firing an ajax request. </p>
  
  <p><code>addOnloadEvent(function () {</code>                                                                    </p>
  
  <pre><code>var oTable = $('#lenderList').dataTable(                         
      {                                                            
          bServerSide: true,                                       
          bProcessing: true,                                       
          sAjaxSource: "loanAdminAjax?ajax=true&amp;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&lt;"clear"&gt;lfrtip',                               
          "tableTools": {                                          
              "sSwfPath": "/swf/copy_csv_xls_pdf.swf"              
          }                                                        
      }                                                            
  );                                                               
  </code></pre>
  
  <p>In the ajax call, it takes the category value(Which is a dropdown)</p>
  
  <p><code>sAjaxSource: "loanAdminAjax?ajax=true&amp;searchCol="+$('#category').val(),</code></p>
  
  <pre><code> &lt;select name="category"  id="category"&gt;                                     
      &lt;option  value="loanApplicationNumber"&gt;loanApplicationNumber&lt;/option&gt;   
      &lt;option value="name"&gt;name&lt;/option&gt;                                      
      &lt;option value="kyc_email"&gt;EmailId&lt;/option&gt;                              
      &lt;option value="documentStatus"&gt;documentStatus&lt;/option&gt;                  
  &lt;/select&gt;   
  </code></pre>
  
  <p>I want to change the category value which is sent in the ajax request whenever someone selects a new value. Could someone please help me in this.                                                            </p>