首页 > 解决方案 > 如何根据下拉值过滤 jquery 数据表

问题描述

我正在使用 jquery dataTable 来显示员工集合以显示员工 ID、员工姓名、离职姓名、员工名称。

我可以看到 DataTable,现在我在 Jquery DataTable 上方添加了部门名称 Drop Down 现在我必须根据在上面的下拉值中选择的值来过滤员工网格。

这个怎么做 ??

我已经为员工添加了 jquery DataTable 及其工作,现在想要根据在其上方的下拉列表中选择的值过滤记录,网格应该根据下拉列表中的更改而更改。

   $(document).ready(function () {
        //$('#datatable').dataTable({
        //    //'scrollY': 100
        //});

        DrawDatatable();

    });

我想在更改放置在网格上方的下拉菜单时刷新网格

标签: javascriptjquery

解决方案


我认为您正在通过数据表中的 ajax 获取数据。如果是这种情况,您可以通过在您的 url 中传递参数来实现它。例子 :

data_list = $("#datatable").dataTable({
   // 
});

$(".opt").change(function () {
   data_list.fnReloadAjax("(..your base url..)?startDate=" + $('.opt').val());
   data_list.fnClearTable(0);
   data_list.fnDraw();
});

推荐阅读