如何重新加載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();});