如何在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);