分享、交流、傳播
- 首頁
- 網(wǎng)站建設
輕松建站 服務到位為客戶提供一體化網(wǎng)站設計服務
- 小程序開發(fā)
小程序開發(fā)全功能小程序商城、開發(fā)定制服務、全程售后服務、無憂備案
- 產品與服務
- 資訊
- 關于我們
輕松建站 服務到位為客戶提供一體化網(wǎng)站設計服務
小程序開發(fā)全功能小程序商城、開發(fā)定制服務、全程售后服務、無憂備案
做開發(fā)時會遇到各類特殊的功能,如Html中的select下拉菜單每個程序UI基本都會去改樣式．
一般各類UI框架都會有自己的下拉菜單樣式,當然有的開發(fā)人員有時間的話也會自己開發(fā).
一般現(xiàn)在使用原生的下拉菜單會比較少了.
這次開發(fā)會員等級功能中涉及等級時,如已存在了就不讓用戶選某項,上點圖比較直觀:
這個是看到一個其他系統(tǒng)中的樣式,就是當?shù)燃?數(shù)據(jù)庫已有記錄時,就不讓用戶再選擇這個等級了.
然后想實現(xiàn)這個功能，先了解自己開發(fā)下拉菜單樣式是哪種的，如基于原生的，可以用以下方式實現(xiàn)：
但很多UI是用DIV層樣式去仿寫下拉功能的,那么這個需要自己去改樣式了.
然后如果用bootstrap3做UI基礎的話,有個更簡便的方式實現(xiàn):
關鍵代碼是disabled,只要在下拉選項中加上disabled參數(shù),用戶就不能選擇這項了.
最終整體效果:
以上是列表
以上是修改時已有的等級不可選狀態(tài)
