在Materialise的选择框隐藏选项(Hide option in materialize se

Materialise的文档- http://materializecss.com/forms.html

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

Answer 1:

根据该文件，以更新里面的选择项目，你必须销毁的材料，然后重新运行初始化。

$('#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();
}

这是打字稿，但你的想法:)干杯。

文章来源: Hide option in materialize select box