使用 jquery/javascript 啟用“禁用多選”

Question

下面是我的代碼。 在頁面加載時，所有多選都被禁用，但是一旦用戶單擊啟用按鈕，所有多選都應該被啟用。 下面是我的代碼。 我無法完成這項工作，我想知道為什么。 但是如果我在第一次加載時添加“ $('#multidiv option').prop('disabled', false); ”，它就可以工作，但是我的所有多選都將在第一次加載時啟用。 我想在第一次加載時禁用所有功能，但通過單擊按鈕啟用所有功能。 謝謝。

<div id="multidiv">    
<label style="float:left; margin-right:-2px;">Target Android Device</label>                                 
    <div class="span5" style="display:inline-block; float:left;">
        <select id="android" disabled="disabled" multiple="multiple" name="android[]">
            <option value="Nexus">Nexus</option>
            <option value="HTC">HTC One</option>
            <option value="Sony">Sony Xperia</option>
        </select>
    </div>
</div>

我的javascript代碼如下：

$('#enable_button').on("click",function(){
    $('#multidiv option').prop('disabled', false);
});

$('#android').multiSelect(); //using "http://loudev.com/" plugin

Answer 1

我找到了解決我的問題的方法。 這個$('#multidiv option').removeAttr('disabled'); 代碼實際上有效。 是插件問題。

通過添加$('#android').multiSelect('refresh'); 它現在工作正常。 這段代碼后需要刷新插件$('#multidiv option').removeAttr('disabled');

感謝大家嘗試幫助 btw。

Answer 2

為什么不使用<select>本身的id ：

$('#enable_button').on("click",function(){
    $('#android option').removeAttr('disabled');
});

Answer 3

你可以使用這個腳本；

$('#android').multiselect('disable');
and
$("#android").multiselect('enable');

它為 agungpanduan.com 所做的工作