如何動態填充DataTables選擇菜單？

我有一個DataTables表，顯示來自MySQL數據庫的信息。我試圖創建下拉過濾器，<select>，就像使用here那樣。我知道服務器端表格不能使用這個精確的例子，但我不知道如何改變它以使它與服務器端數據庫表一起工作。如何動態填充DataTables選擇菜單？

如何創建下拉菜單，填充表/數據庫中的信息以篩選DataTables表？

編輯：服務器端是在PHP中。我試圖查詢數據庫並使用PHP創建一個單獨的菜單，並將JSON編碼的信息發送到選擇菜單中。

來源

2012-07-24 user1504538

好的，在這個問題得到迴應 - 投票進入了遺忘...你能給我們一些代碼嗎？你試過的東西？回答你的*特定問題要容易得多，而不是給你數以百萬計的可能性。也是服務器端在PHP，C＃，紅寶石，蟒蛇等...給我們的東西:) – Drakkainen 2012-07-24 17:08:06

對不起！我編輯它來添加信息。我沒有任何代碼可以顯示，因爲我沒有找到任何可行的方法。 – user1504538 2012-07-24 17:14:58

好吧我不知道如何實現這個與PHP的細節（我知道這是最有可能的），所以我會給你一個通用的破敗。你可以問我以後的具體細節，我會編輯我的答案。

首先你必須有ajax源代碼。

然後，您可以使用相同的功能（從服務器端）動態填充下拉列表中的選項。這是你如何

1日作出空<select id='id1'></select> 的HTML代碼，那麼你可以從數據表上，你可以做一個Ajax請求來填充下拉菜單$(oTable).on("draw", function() { ... });使用draw事件。之後，您可以在其中一個選項更改時刷新表格和下拉菜單。

這是回答您的（模糊）問題的最普通的方式。

讓我知道，如果你有更具體的問題：

刷新ajax的數據。

來源

2012-07-24 17:25:49 Drakkainen

謝謝！我想我可以從你給出的總體佈局中找出剩餘的部分。 – user1504538 2012-07-24 17:34:02

我很高興我在它被貶低爲遺忘之前做出了它:) – Drakkainen 2012-07-24 17:35:46

其實，我確實有一個問題，對不起。我仍然不確定如何填充下拉菜單。所有表信息的來源都是作爲PHP代碼中的JSON對象傳遞的。我的整個問題是我不知道填充下拉菜單的請求是什麼，而不是刷新表格的問題。 – user1504538 2012-07-24 17:48:08

請參閱我的回答https://gist.github.com/gustinmi/4952451。

我喜歡嘗試在stackoverflow答案窗口中顯示html標籤。

來源

2013-02-14 12:05:27

如何動態填充DataTables選擇菜單？

回答

相關問題