¿Cómo volver a cargar dataTable en la función de cambio jquery y obtener el valor seleccionado opción seleccionar?
en la primera carga, configuré el mes de var en el valor 0, pero cuando seleccione el cambio, quiero obtener el valor de la opción seleccionada y establecer el mes de var en el valor de id="month_report". ¿como hacer eso?
Aquí mi código:
$(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>Recargar datos para tabla de datos
prueba el código
$('#month_report').change( function() { var month = $(this).val(); table.ajax.url('dashboard/report?month='+month).load();});La siguiente línea le dará el valor seleccionado del menú desplegable con id=month_report
var month = $("#month_report").val();coloque su llamada ajax en '.cambiar (función () {})', llame a su método de 'acción' y, eventualmente, dibuje su tabla de datos con sus circunstancias.
Más menos, le gustará esto:
$('#month_report').change( function() { var month = $(this).find('option:selected').val(); $.ajax({ type: 'GET', //'POST' url: '@Url.Action("your_action")', data: { ID: month }, success: function (data) { //drawing your datatable here.... $('#dataTables').DataTable({ destroy: true, responsive:true, data: data, searching: false, columns : [ {data: 'customer', searchable : false}, {data: 'age', searchable : false}, {data: 'pbw', searchable : false}, {data: 'per', searchable : false}, {data: 'ipo', searchable : false}] }); } });este era mi problema