已禁用bootstrap-duallistbox

时间:2014-08-11 16:24:35

标签: javascript jquery

我一直在测试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();双重列表未被禁用。

1 个答案:

答案 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);

通过István Ujj-MészárosWorkerBee