如何动态填充DataTables选择菜单

How can I populate DataTables select menus dynamically?

本文关键字：填充 DataTables 选择菜单动态何动态更新时间：2024-02-25

我有一个DataTables表，它显示MySQL数据库中的信息。我正在尝试创建下拉筛选器<select>，就像这里使用的一样。我知道服务器端的表不能使用那个精确的例子，但我不知道如何更改它以使它与服务器端数据库表一起工作。

如何创建下拉菜单，填充表/数据库中的信息，以筛选DataTables表？

编辑：服务器端使用PHP。我试着查询数据库，用PHP创建一个单独的菜单，并将JSON编码的信息发送到选择菜单中。

好的，我不知道如何用PHP实现这一点的细节（我知道这是绝对可能的），所以我会给你一个通用的概述。你可以稍后问我具体的细节，我会编辑我的答案。

首先，您必须拥有ajax源代码。

然后，您可以使用相同的函数（从服务器端）来动态填充下拉列表中的选项。就是这样

首先，您为空<select id='id1'></select>制作html代码然后，您可以使用数据表中的draw事件，在数据表上可以发出ajax请求来填充下拉列表$(oTable).on("draw", function() { ... });。之后，当某个选择选项发生更改时，您可以刷新表和下拉列表。

这是回答你（含糊的）问题的最通用的方法。

以下是更多资源：

刷新ajax数据：单击按钮时，如何触发jquery datatables fnServerData通过ajax更新表？

如果你有更具体的问题，请告诉我。