如何重新加载dataTable更改功能jQuery和获取值选择选择？

Question

如何重新加载dataTable更改功能jQuery和获取值选择选择？

第一次加载我将var month设置为值0，但是当选择更改时，我想获取选定选项的值并将var month设置为id =“month_report”的值。怎么做？

这里我的代码：

$(document).ready(function(){ 
 

 
    var month = 0; 
 
    var table = $('#dataTables').DataTable({ 
 
     responsive:true, 
 
     ajax : { 
 
      url : 'dashboard/report?month='+month, 
 
      data : function(data){ 
 
       return data; 
 
      } 
 
     }, 
 
     "searching": false, 
 
     columns : [ 
 
      { 
 
       data: 'customer', 
 
       searchable : false 
 
      }, 
 
      { 
 
       data: 'age', 
 
       searchable : false 
 
      }, 
 
      { 
 
       data: 'pbw', 
 
       searchable : false 
 
      }, 
 
      { 
 
       data: 'per', 
 
       searchable : false 
 
      }, 
 
      { 
 
       data: 'ipo', 
 
       searchable : false 
 
      } 
 
     ] 
 
    }); 
 

 
    $('#month_report').change(function() { 
 
     var month = $(this).find('option:selected').val(); 
 
     table.ajax.reload().draw(); 
 
    }); 
 

 
});

<select name="month" id="month_report"> 
 
    <option value="" selected="">Pilih Bulan :</option> 
 
    <option value="1">Januari</option> 
 
    <option value="2">Februari</option> 
 
    <option value="3">Maret</option> 
 
    <option value="4">April</option> 
 
    <option value="5">Mei</option> 
 
    <option value="6">Juni</option> 
 
    <option value="7">Juli</option> 
 
    <option value="8">Agustus</option> 
 
    <option value="9">September</option> 
 
    <option value="10">Oktober</option> 
 
    <option value="11">November</option> 
 
    <option value="12">Desember</option> 
 
</select>

Answer 1

行之后会给你有ID下拉列表中选择的值= month_report

var month = $("#month_report").val(); 

Answer 2

添加1个coloumn到表（一年），那么在你的下拉列表中，听众收听

table.columns(indexOfYourYearCol).search($("#month_report").val()).draw(); 

参考= https://datatables.net/examples/api/regex.html

Answer 3

$("#month_report").on('change', function() { 
 
    if ($(this).val() > 0){ 
 
     var month = $(this).val(); 
 
     table.ajax.url('dashboard/report?month='+month); 
 
     table.ajax.reload(); 
 
    } 
 
});

Answer 4

为数据表

try代码

$('#month_report').change(function() { 
    var month = $(this).val(); 
    table.ajax.url('dashboard/report?month='+month).load();});