想让 thymeleaf 不显示select下的某个option

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值