隐藏物化选择框中的选项

时间:2015-06-16 13:28:00

标签: jquery materialize

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

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

2 个答案:

答案 0 :(得分:2)

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

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

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

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

答案 1 :(得分:0)

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

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

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