選擇和多個選擇不起作用

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