如何在Materialise css中获得多选下拉列表？

Question

我正在开发一个使用Materialise css作为前端的项目.

有没有办法在Materialise css中获取下拉列表的多选项？

任何信息都会有所帮助.

Answer 1

物化工作人员发布了一个多选的版本:

只需添加multiple:

<div class="input-field col s12">
    <select multiple>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
    <label>Materialize Multiple Select</label>
</div>

然后调用js:

$(document).ready(function() {
    $('select').material_select();
});

的jsfiddle

Answer 2

MaterializeCSS 的下拉实现不是一个<select>块。它只是一个样式<ul>。因此，我不相信您可以利用多选的实现。<select>我会使用这样的默认块：

<select class="browser-default" multiple>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

注意：您必须添加该类，browser-default以便 MaterializeCSS 不会渲染它。