Question

我正在使用Materialize来设计我的网站。但是当我使用

时

 <div class="input-field col s12">
<select>
  <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 Select</label>

单选

并且

<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>

有多种选择。

但它并没有完全发挥作用。

如果我使用

<label>Browser Select</label>
 <select class="browser-default">
  <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>

这个浏览器默认类，这个工作正常。但我需要前两种风格。

任何人都可以提供帮助吗？

Answer 1

如果声明正确的JS函数，则使用多个工作实现。使用此：

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

请参阅DEMO

选择和多个选择不起作用

1 个答案: