[英]How to reload dataTable on change funtion jquery and get value selected option select?
如何在更改功能 jquery 上重新加载 dataTable 并获取值选择选项选择?
第一次加载时,我将 var month 设置为值 0,但是当 Select 更改时,我想获取所选选项的值并将 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>
重新加载数据表的数据
尝试代码
$('#month_report').change( function() {
var month = $(this).val();
table.ajax.url('dashboard/report?month='+month).load();});
以下行将为您提供具有 id=month_report 的下拉列表的选定值
var month = $("#month_report").val();
如何在更改功能 jquery 上重新加载数据表并获取值选择选项选择?
在第一次加载时,我将 var 月份设置为值 0,但是当 Select 更改时,我想获取所选选项的值并将 var 月份设置为 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>
将您的 ajax 调用放在“.change (function() {})”下,调用您的“操作”方法,并最终根据您的情况绘制数据表。
少了,它会像这样:
$('#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}]
});
}
});
这是我的问题
$("#month_report").on('change', function() { if ($(this).val() > 0){ var month = $(this).val(); table.ajax.url('dashboard/report?month='+month); table.ajax.reload(); } });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.