title: How to set dynamically the Ajax URL of a dataTable?
body: <p>I'm using jQuery DataTables, my JavaScript code is shown below:</p>
  
  <pre><code>$(document).ready(function() {
     var tbl = $('#table_tabl').DataTable({
        responsive: true,
        "oLanguage": {
           "sUrl": "&lt;?php  echo RP_LANG ?&gt;fr_FR.txt",
        },
        "processing": true,
        "serverSide": true,
        ajax: "&lt;?php  echo RP_SSP ?&gt;server_processing_reservTables.php", // I want to add a parmeter to it dynamically when a select element is selected 
        "aoColumnDefs": [{
           "aTargets": [3],
           "mData": 3,
           "mRender": function(data, type, full) {
              return '&lt;div style="text-align:center;"&gt;&lt;a href="RestaurantReservation/reserverTable/' + data + '" title="R&amp;eacute;server"&gt;&lt;span class="mif-lock icon"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;';
           }
        }],
        "aLengthMenu": [
           [10, 25, 50, 100, -1],
           [10, 25, 50, 100, "Tout"]
        ]
     });
  });
  </code></pre>
  
  <p>I want to filter this dataTable according to the selected value of a select element :</p>
  
  <pre><code>$("#select_id").on("change", function(){
      // set the ajax option value of the dataTable here according to the select's value
  });
  </code></pre>
  
  <p>How to set the <code>ajax</code> option's value of the <code>dataTable</code> in the <code>on_change</code> event of the <code>select</code> element based on the select's selected item ?</p>