場(chǎng)景

在新增時(shí)select可以下拉選擇，

在編輯時(shí)select不可以下拉選擇。

所以需要?jiǎng)討B(tài)控制其disabled屬性。

注意

使其禁用時(shí)：disabled="disabled"

使其啟用時(shí)：disabled="false"

效果

實(shí)現(xiàn)

<select class="form-control" name="businessInitiator"? id= "businessInitiator"?th:attr="disabled= ${refundOrder!= null?'disabled':'false'}" ></select>

注：

通過(guò)th:attr 可以設(shè)置屬性值。

這里設(shè)置disabled屬性值，左邊是屬性名，右邊是屬性值，屬性值又是一個(gè)EL表達(dá)式，此EL表達(dá)式又是一個(gè)選擇表達(dá)式。

如果refundOrder != null，那么就是編輯，所以最終渲染成disabled="disabled"。

否則就是新增，最終渲染成disabled="false"

完整示例代碼：

<select class="form-control" name="businessInitiator" id="businessInitiator" th:attr="disabled=${refundOrder != null?'disabled':'false'}" ><option id="yuanliaoInitiator" th:selected="${refundOrder != null && refundOrder.businessInitiator != null && refundOrder.businessInitiator == '原料立庫(kù)'}" value="原料立庫(kù)"><span th:text="原料立庫(kù)"></span></option><option id="qingjieInitiator" th:selected="${refundOrder != null && refundOrder.businessInitiator != null && refundOrder.businessInitiator == '清潔車間'}" value="清潔車間"><span th:text="清潔車間"></span></option><option id="zhengjiInitiator" th:selected="${refundOrder != null && refundOrder.businessInitiator != null && refundOrder.businessInitiator == '正極車間'}" value="正極車間"><span th:text="正極車間"></span></option><option id="fujiInitiator" th:selected="${refundOrder != null && refundOrder.businessInitiator != null && refundOrder.businessInitiator == '負(fù)極車間'}" value="負(fù)極車間"><span th:text="負(fù)極車間"></span></option><option value="" disabled th:selected="${refundOrder == null || refundOrder.businessInitiator == null}" hidden>選擇退貨發(fā)起方</option></select>

?

總結(jié)

以上是生活随笔為你收集整理的Thymeleaaf中设置属性值实现动态控制select是否可选的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。