Как отключить bootstrap duallistbox в javascript

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