如何从选择中搜索/过滤特定的 DataTables 列

Posted 2023-05-09

【中文标题】如何从选择中搜索/过滤特定的 DataTables 列

【英文标题】：How to search/filter a specific DataTables column from a select

【发布时间】：2021-10-31 12:43:17

【问题描述】：

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

我希望数据表搜索引擎在用户选择选项时运行。

例如，如果用户为Position 选择选择Director 选项，则相当于在搜索输入中键入“导演”。

这是一个代码示例：

LIVE DATATABLE DEMO

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

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

【参考方案1】：

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

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

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

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

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

我也更新了代码here。