多選下拉復選框中的選定選項不適用於 DataTable

Question

我正在使用 Materialize Multiselect 下拉復選框，它用於過濾數據表。 當我進行選擇時，它工作得很好。

但是，當我從下拉列表中取消選中所有選項時，多選變為空白，而不是顯示“選擇選項”或“未選擇”之類的內容。 如果我嘗試將 'disabled' 和 'selected' 添加到第一個值，數據表過濾將停止工作。 這是 JS 小提琴，您可以在其中檢查這兩個問題 - https://jsfiddle.net/ouaprbxy/1/

我在“Office”下拉列表中添加了一個額外的“按辦公室過濾”選項，該選項已被選中和禁用，以便我們可以將其用作下拉列表的默認值。 但是，當您進行選擇時，文件只會在 Datatable 中停止。

我在其中添加“已選擇”和“已禁用”屬性的 JS 中的代碼。

select.append( '<option value="" selected disabled>Filter By Office</option>' );

但是，在“年齡”下拉列表中，如果您進行選擇，則效果很好。 但是，如果您取消選中所有復選框，它將變為空白。

所以我該怎么做？ 是否有解決此問題的方法或在取消選擇所有過濾器時顯示文本“未選擇”的替代方法？ 任何建議將不勝感激。 謝謝

Answer 1

在您的年齡下拉菜單中，您沒有默認值，這就是為什么當您取消選擇任何內容時它會變為空白。