模板引擎用的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标签。