如何 search/filter 来自 select 的特定 DataTables 列

Question

假设我有两个 select。这些 select 是从数据库中填充的。

当用户 select 有一个选项时，我希望数据表搜索引擎运行。

例如，如果用户 select 为 Position select 选择了 Director 选项，则相当于在搜索输入。

这是一个代码示例：

LIVE DATATABLE DEMO

如果我没记错的话，我需要修改 DOM 并在触发更改事件时添加一些条件。

我一直在做一些研究，但没有找到任何东西。任何帮助将不胜感激。

Answer 1

首先，为您的 select 输入提供相关 ID。喜欢职位和国家。

然后将其添加到您的代码中

  $('#position').on('change', () => {            
        DT1.search($("#position").val()).draw();
  });

  $('#country').on('change', () => {            
        DT1.search($("#country").val()).draw();
  });

这里我们正在监听 select 个框的更改事件，然后将 selected 值传递给数据表搜索方法，然后根据收到的响应刷新数据库。

我也更新了代码here。

如何 search/filter 来自 select 的特定 DataTables 列

How to search/filter a specific DataTables column from a select

jquery

datatables