2016-02-15 75 views
0

我正在使用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> 

该浏览器的默认类,这是工作的罚款。但我需要顶级的两种风格。

任何人都可以帮忙吗?

+0

尝试.... - <选择多个= “多”> –

+0

我只是想不工作 – Sudarshan

回答

1

如果您声明了正确的JS函数,可以实现多个作品。使用此:

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

DEMO