如何动态填充DataTables选择菜单？

Question

我有一个显示MySQL数据库信息的DataTables表。我正在尝试创建下拉过滤器<select>，就像使用here一样。我知道服务器端表不能使用这个精确的示例，但我不知道如何更改它以使其适用于服务器端数据库表。

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

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

Answer 1

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

首先，您必须拥有ajax源。

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

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

这是回答（模糊）问题的最通用方式。

以下是更多资源：

刷新ajax数据：how can I trigger jquery datatables fnServerData to update a table via AJAX when I click a button?

如果您有更具体的问题，请与我们联系。

Answer 2

请在https://gist.github.com/gustinmi/4952451中查看我的回答。

我试图在stackoverflow应答窗口中显示html标签。