下面是我的代码。在页面加载时,所有多选都被禁用,但是一旦用户单击启用按钮,所有多选都应该启用。下面是我的代码。我无法完成这项工作,我想知道为什么。但是,如果我在第一次加载时添加“$('#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
最佳答案
我找到了解决问题的方法。
此 $('#multidiv option').removeAttr('disabled');
代码确实有效。是插件的问题。
通过添加 $('#android').multiSelect('refresh');
现在可以正常工作了。此代码后需要刷新插件 $('#multidiv option').removeAttr('disabled');
顺便说一句,感谢大家的帮助。
关于javascript - 使用 jquery/javascript 启用 "disabled Multiselect",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24443330/