2017-09-14 33 views
0
當我們運行它工作正常,下拉被禁用禁用選項不起作用

多選啓用選項jQuery的

$(document).ready(function() { 
 
    $('#fruits').multiselect({ 
 
    name: 'fruits', 
 
    columns: 1, 
 
    placeholder: 'fruits' 
 
    }); 
 
    $('#fruits').multiselect('disable'); 
 

 
    $("#changeStatuss").click(function() { 
 
    $("#fruits").multiselect('enable'); 
 

 
    }); 
 
});
<div class="dropdown"> 
 
    <p class="filter-text">FRUITS</p> 
 
    <select name="fruits" multiple id="fruits"> 
 
    <option value="mango">mango</option> 
 
    <option value="apple">apple</option> 
 
    <option value="orange">orange</option> 
 
    </select> 
 
</div> 
 
<input type="button" id="changeStatuss" value="try me" />

,但能在任何事件觸發選項沒有發生。 我嘗試了其他帖子,但仍然沒有用。 我也嘗試在啓用選項後刷新插件,但再次沒有用。

+0

哪個插件您使用的? 'multiselect'不是jQuery庫的一部分。 – Teemu

回答

0

你可以這樣做:

$('#fruits option').removeAttr('disabled'); 
0

其工作爲我好,這裏是例子:

$(function() { 
 
    $('#fruits').multiselect({ 
 
    name: 'fruits', 
 
    columns: 1, 
 
    placeholder: 'fruits' 
 
    }); 
 
    $('#fruits').multiselect('disable'); 
 

 
    $("#changeStatuss").click(function() { 
 
    $("#fruits").multiselect('enable'); 
 

 
    }); 
 
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"> 
 
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script> 
 

 

 
<div class="dropdown"> 
 
    <p class="filter-text">FRUITS</p> 
 
    <select name="fruits" id="fruits" multiple="multiple" disabled="disabled"> 
 
    <option value="mango">mango</option> 
 
    <option value="apple">apple</option> 
 
    <option value="orange">orange</option> 
 
</select> 
 
</div> 
 
<br> 
 
<input type="button" id="changeStatuss" value="try me" />