如何在javascript中禁用bootstrap duallistbox

Question

我想让bootstrap duallistbox为只读，有谁知道怎么做？

这是我的代码：

$(document).ready(function(){   
     $('.test2').bootstrapDualListbox({
      nonSelectedListLabel: 'Non-selected',
      selectedListLabel: 'Selected',
      preserveSelectionOnMove: 'moved',
      moveOnSelect: false,
      /*nonSelectedFilter: 'ion ([7-9]|[1][0-2])'*/
    });

 });

<c:forEach items="${item1}" var="tm" varStatus="status">
 <div class="form-group">
    <label for="item${status.index}">${tm.value.name}</label>
        <div class="displayShowCase">
         <c:choose>
                <form:select path="itemMap['${tm.key}']" id="item${status.index}" class="test2" multiple="multiple">
                        <form:options items="${tm.value.displayList}"/>
                </form:select>                                  
      </c:choose>
   </div>
 </div></c:forEach>

我已在某些网站上查了一下，但找不到任何解决方案， 如果你能给我一些建议，那就太好了！

谢谢

Answer 1

 $(".bootstrap-duallistbox-container").find("*").prop("disabled", true);