多选下拉复选框中的选定选项不适用于 DataTable

Question

我正在使用用于过滤数据表的 Materialize Multiselect 下拉复选框。 当我进行选择时，它工作得很好。

但是，当我从下拉列表中取消选中所有选项时，多选会变为空白，而不是显示“选择选项”或“未选择”之类的内容。如果我尝试将“禁用”和“选定”添加到第一个值，数据表过滤将停止工作。这是 JS fiddle，您可以在其中检查这两个问题 - https://jsfiddle.net/ouaprbxy/1/

我在“Office”下拉列表中添加了一个额外的选项“按 Office 过滤”，该选项被选中并禁用，以便我们可以将其用作下拉列表的默认值。但是，当您进行选择时，归档只会在 Datatable 中停止。

我在 JS 中添加 'selected' 和 'disabled' 属性的代码。

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

但是，在“年龄”下拉列表中，如果您进行选择，它就可以正常工作。但是，如果您取消选择所有复选框，它将变为空白。

那我该怎么办？是否有任何解决此问题的方法或在未选择所有过滤器时显示文本“未选择”的替代方法？任何建议将不胜感激。谢谢

Answer 1

在您的年龄下拉菜单中，您没有默认值，这就是为什么当您取消选择任何内容时它会变为空白。