是这样的,
我有个id=ox的下拉菜单,我想让他按1时显示全部离线的,按2时显示全部在线的,按全部是显示全部,怎么实现呢,求代码
var table = $('#mainTable').DataTable(
{
//"bSort":true,
//"bSort":false, //开关,是否让各列具有按列排序功能
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], //定义每页显示数据数量
"order": [[ 6, "desc" ]],
columnDefs:[{
orderable:false,//禁用排序
targets:[2,3,4,8] //指定的列
}],
"bFilter": true, //是否使用搜索
//"sdom": '<"top"ilp <"clear">>rt<"bottom"pilf<"clear">>',
"sDom": '<"top"<"clear">>pt<"bottom"i<"clear">><"clear">',//改变页面上元素的位置,同时可以添加div元素。
"bPaginate" : true, //是否显示(应用)分页器
// "bProcessing": true, //开启读取服务器数据时显示正在加载中……
"sPaginationType" : "four_button", //详细分页组,可以支持直接跳转到某页
"oLanguage": { //国际化配置
"sProcessing" : "正在获取数据,请稍后...",
"sLengthMenu" : "显示 _MENU_ 条",
"sZeroRecords" : "没有您要搜索的内容",
"sInfo" : "共_TOTAL_条记录, 当前第_PAGE_页,共有_PAGES_页",
"sInfoEmpty" : "记录数为0",
"sInfoFiltered" : "(全部记录数 _MAX_ 条)",
"sInfoPostFix" : "",
"sSearch" : "搜索",
"sUrl" : "" ,
"oPaginate": {
"sFirst" : "首页",
"sPrevious" : "上页",
"sNext" : "下页",
"sLast" : "末页"
}
},
"fnDrawCallback": function() {
progress0();
progress1();
progress2();
progress3();
progress4();
progress5();
progress6();
progress7();
progress8();
progress9();
progress10();
progress11();
progress12();
progress13();
progress14();
progress15();
progress16();
progress17();
progress18();
progress19();
progress20();
progress21();
progress22();
progress23();
progress24();
progress25();
progress26();
progress27();
progress28();
progress29();
progress30();
progress31();
progress32();
progress33();
progress34();
progress35();
progress36();
progress37();
progress38();
progress39();
progress40();
progress41();
progress42();
progress43();
progress44();
progress45();
progress46();
progress47();
}
});
$("#allSearch").on( 'keyup change', function () {
var table = $('#mainTable').DataTable();
//alert($(this).val());
table
.search( $(this).val() )
.draw();
} );
$('#ox').change( function () {
//alert($(this).val());
var table = $('#mainTable').DataTable();
table
.column(5)
.search( $(this).val() )
.draw();
} );
$('#oxygenstate').change( function () {
//alert($(this).val());
var table = $('#mainTable').DataTable();
table
.column(9)
.search( $(this).val() )
.draw();
} );
} );