2016-09-12 20 views
0

我想默認選擇物化作爲禁用。在物化下拉選擇中切換禁用的物業?

<form> 
<select id="mySelect" required disabled> 
    <option>Cats</option> 
    <option>Dogs</option> 
</select> 
</form> 

<button id="try" >Try it</button> 

的Jquery:

$('#try').click(function(){ 
$('#mySelect').prop("disabled", false); 
}; 

在開發工具它表明禁用屬性上選擇移除點擊試按鈕時。但是,下拉菜單不起作用。我相信這是特定於實現的東西,因爲它似乎在我的選擇之上動態生成一個樣式無序列表。它將殘疾人添加到這個新生成的列表中,我也將其刪除。

+0

所以你的意思是,當選擇沒有禁用它不工作? –

+0

@El Sam當選擇未被禁用時,它正在工作。當禁用應用程序,然後通過點擊在JavaScript中刪除,它不起作用。 –

+0

好吧,嘗試添加'$('select')。material_select();''下面的$('#mySelect')。prop(「disabled」,false);' –

回答

0

要獲得select與Materializecss工作,你必須在以下JS行添加到您的script

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

,並確保使select編輯您的js函數如下後,它的工作原理:

$('#try').click(function(){ 
    $('#mySelect').prop("disabled", false); 
    $('select').material_select(); 
}); 
+0

這是我js中的第一行。對不起,我忘了提到這一點。我是新的物化。 –

+0

你的'script'標籤中有上面的代碼嗎? –