双列表框禁用选择选项

时间:2018-05-29 11:59:07

标签: html5 thymeleaf bootstrap-duallistbox

我正在使用我从http://www.virtuosoft.eu/code/bootstrap-duallistbox/

获得的Bootstrap Dual Listbox

我正在使用Thymeleaf生成列表框选项。我有一个场景 - 在我的实体中有BOOLEAN列名is_generated , 如果&#39; is_generated = true&#39;表示基于条件的选项需要被禁用,这意味着用户无法选择特定选项,如 HTML属性(已禁用=&#34; true&#34;) < / p>

这是我的代码

&#13;
&#13;
 <form id="chargeslistformid" method="post" action="#" 
				 th:action="@{/savechargeslist}" th:object="${wrpAssignCharges}">
         
        <label>
            <select id="selectBox" multiple="multiple"
            name="selectedChargesList" class="selectpicker form-control" >
                <option  th:each="charge:${chargeslist}" 
                th:value="${charge.pkAssignId}" 
                th:text="${charge.chargeName}"
                th:selected="${previouslist.contains(charge)}"></option>
            </select>
        </label>
        
       
        
        <br/>
        <button id="chargeslistbtnid" th:type="submit" class="btn btn-info">Next</button>
    </form>
&#13;
&#13;
&#13;

请帮帮我...提前致谢

1 个答案:

答案 0 :(得分:2)

您可以使用th:disabled属性根据条件生成disabled属性:

<option
  ..
  th:disabled="${ /* condition, e.g. 1 < 2 or #object.property == ... */ }"
>
</option>