我一直在测试bootstrap-duallistbox并且很棒,但我想知道如何在开始时禁用bootstrap-double列表框:
所以我有:
<select multiple="multiple" size="10" class="dual-list" disabled>
<option value="1">1</option>
<option value="2">2</option>
</select>
通话后:$(".dual-list").bootstrapDualListbox();
双重列表未被禁用。
答案 0 :(得分:7)
查看您发布的链接的评论部分:
没有内置支持禁用,因此您需要禁用 通过手工选择适当的元素,类似的东西:
$('select[name="duallistbox_demo1[]_helper1"]').prop('disabled', true); $('select[name="duallistbox_demo1[]_helper2"]').prop('disabled', true); $('select[name="duallistbox_demo1[]"]').parent().find('.moveall').prop('disabled',true); $('select[name="duallistbox_demo1[]"]').parent().find('.move').prop('disabled',true); $('select[name="duallistbox_demo1[]"]').parent().find('.removeall').prop('disabled',true); $('select[name="duallistbox_demo1[]"]').parent().find('.remove').prop('disabled',true);
:) ..好吧,我通过这一行而不是6或7来管理这个 财产会更清洁。谢谢
$(".bootstrap-duallistbox-container").find("*").prop("disabled",true);