想讓 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標籤。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章