三级全黄做爰电影_夫妻之间那些事_啊啊啊啊好爽视频_国产精品xxxx喷水欧美_色一情一乱一伦麻豆_国产精品美乳一区二区免费_亚洲综合av在线在线播放_人与禽伦性了_黄色软件色多多_av在线免费观看网址

select下拉菜單如何禁用其中一項不可選狀態(tài)
發(fā)表人:金馬 | 2022-03-07

做開發(fā)時會遇到各類特殊的功能,如Html中的select下拉菜單每個程序UI基本都會去改樣式.

一般各類UI框架都會有自己的下拉菜單樣式,當然有的開發(fā)人員有時間的話也會自己開發(fā).

一般現(xiàn)在使用原生的下拉菜單會比較少了.

這次開發(fā)會員等級功能中涉及等級時,如已存在了就不讓用戶選某項,上點圖比較直觀:

image.png

這個是看到一個其他系統(tǒng)中的樣式,就是當?shù)燃?數(shù)據(jù)庫已有記錄時,就不讓用戶再選擇這個等級了.

然后想實現(xiàn)這個功能,先了解自己開發(fā)下拉菜單樣式是哪種的,如基于原生的,可以用以下方式實現(xiàn):






但很多UI是用DIV層樣式去仿寫下拉功能的,那么這個需要自己去改樣式了.

然后如果用bootstrap3做UI基礎(chǔ)的話,有個更簡便的方式實現(xiàn):



關(guān)鍵代碼是disabled,只要在下拉選項中加上disabled參數(shù),用戶就不能選擇這項了.

最終整體效果:

image.png

以上是列表image.png

以上是修改時已有的等級不可選狀態(tài)


我來說兩句(0)
:zui: :wink: :twisted: :roll: :oops: :mrgreen: :love: :lol: :jidong: :idea: :han:
發(fā)表評論(Ctrl+Enter)
—— 金馬科技公眾號 ——
十二年 行業(yè)積累

砥礪前行路上,有您關(guān)注,相聚相研共話成長!

如有意向,請與我們聯(lián)系

辦公電話:0774-3838278 / QQ:154727262 / 微信:wztmma