我写了一个下拉列表,有三项 全部 在线 离线 现在全部是好的,在线和离线全是空的,这是为什么呀
这是select
<select name="全部" id="oxygenstate" >
<option value="">全部</option>
<option value="g">溶氧高于上限</option>
<option value="h">溶氧低于下限</option>
</select>
``这是javas
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();
}
});
$('#oxygenstate').change( function () {
//alert($(this).val());
var table = $('#mainTable').DataTable();
switch($(this).val()){
case "溶氧高于上限":
for ( var i=0, iLen=table.length ; i<iLen ; i++ ) {
if(table.rows[i].cells[10].innerHTML.is("高于上限")){
table[i].display();
}
else{
table[i].hide();
}
};break;
case "溶氧低于下限":
/*for ( var i=0, iLen=table.length ; i<iLen ; i++ ) {
if(table.rows[i].cells[10].innerHTML.is("低于下限")){
table[i].display();
}
else{
table[i].hide();
}
}*/alert("1");break;
default:
break;
}
table
.column(9)
.search( $(this).val() )
.draw();
} );
} );
</script>
`