Jquery 如何使用多个选择框值触发datatable的搜索筛选器?
如何从多个选择框值中使用seacrh筛选器属性数据表 在这里选择框multiselectJquery 如何使用多个选择框值触发datatable的搜索筛选器?,jquery,datatables,jquery-datatables,Jquery,Datatables,Jquery Datatables,如何从多个选择框值中使用seacrh筛选器属性数据表 在这里选择框multiselect <select id="dbox" multiple="true"> <option value="test1">Test1</option> <option value="test2">Test2</option> <option value="test3">Test3</option> </select>
<select id="dbox" multiple="true">
<option value="test1">Test1</option>
<option value="test2">Test2</option>
<option value="test3">Test3</option>
</select>
但它不起作用
我们怎样才能做到这一点
谢谢这里有一个参考代码
HTML:
这是一个参考代码
HTML:
尝试使用搜索功能
$("#dbox").on("change",function(){
var val=$(this).val();
oTable.search(val).draw();
});
尝试使用搜索功能
$("#dbox").on("change",function(){
var val=$(this).val();
oTable.search(val).draw();
});
我使用的是datatable版本1.10.4,因此它不会过滤到2个或更多的过滤值我使用的是datatable版本1.10.4,因此它不会过滤到2个或更多的过滤值您可以尝试我的yadcf插件来处理datatables,请参阅第一列标题中的过滤器您可以尝试我的yadcf插件来处理datatables,请参阅第一列标题中的筛选器,而此代码段可能会解决此问题,它确实有助于提高文章的质量。请记住,您将在将来回答读者的问题,而这些人可能不知道您的代码建议的原因。虽然此代码片段可以解决问题,但确实有助于提高您文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。
var dataTable = $('table').dataTable();
$("select#dbox").change( function () {
var choosedFilter = $('#dbox').val();
var choosedString = choosedFilter.join("|");
dataTable.fnFilter(choosedString,2,true,false);
});
$("#dbox").on("change",function(){
var val=$(this).val();
oTable.search(val).draw();
});
$('#myInputTextbox').keyup(function(e) {
$('#myDataTable').dataTable().fnFilter(this.value);
});