javascript - 使用 jquery/javascript 启用 "disabled Multiselect"

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');

顺便说一句，感谢大家的帮助。