模板引擎用的thymeleaf,要根據判斷條件隱藏某個option,
因爲CSS沒法隱藏option,
所以用 th:block 塊標籤(空標籤) 直接去控制整個option元素是否顯示,
如下:
<select id="userType" name="userType" class="form-control m-b" th:with="type=${@dict.getType('sys_user_type')}">
<th:block th:each="dict : ${type}">
<th:block th:if="${dict.dictValue ne '02'}"> <!-- 用戶類型不等於2的才顯示 -->
<option th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</th:block>
</th:block>
</select>
下面這種寫法雖然是可以給元素加上style="display:none" 但是不會生效
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:styleappend="${dict.dictValue eq '02'? 'display:none' : ''}" ></option>
<!--
<option value="00" >系統用戶</option>
<option value="01" >服務站</option>
<option value="02" style="display:none" >APP用戶</option>
-->
注意:沒法用CSS去隱藏option,所以下面這種寫法雖然是可以給元素加上style="display:none" 但是不會生效,故只能用最上面那種方式去隱藏整個option標籤。