隐藏物化选择框中的选项

Question

实现文档 - http://materializecss.com/forms.html

我想通过jquery隐藏Materialize select选项。我在一个选项中添加了一个类，并使用此代码成功隐藏了$('.break_5').hide();选项。但它显示在Materialise选择框中。

Answer 1

根据文档，为了更新select中的项目，你必须销毁材料并重新运行初始化。

$('#mySelectID').material_select('destroy');

然后使用或不使用某些选项重新创建您的选择并初始化新的选择。

$('#mySelectID option').hasClass('break_5').remove();
$('#mySelectID').material_select();

Answer 2

此答案以来，框架已发生更改，因此我们开始：

let _select: M.FormSelect;
function InitSelect(): void {
  _select = M.FormSelect.init($('#your-select'))[0];
}

function RecreateSelectItems(userIsAdmin: boolean): void {
  _select.destroy();
  if (!userIsAdmin) {
    $('#your-select option.only-admin').remove();
  }

  InitSelect();
}

这是打字稿，但您明白了:) 干杯。