摘要:最近項目中用到下拉列表,由于瀏覽器對下拉列表的解析不一樣,且項目要求要用各自瀏覽器自帶的效果。在外面加元素會讓無法認(rèn)識,就會排除這一項。里添加樣式也是無效的,本身已經(jīng)給樣式了,不接收其他的樣式。附上的事件,屬性和方法
最近項目中用到下拉列表,由于瀏覽器對下拉列表的解析不一樣,且項目要求要用各自瀏覽器自帶的select效果。這個讓我徹底放棄了使用別人寫的下拉列表控件(比如: bootstrap dropdown)。
下面是我select的一些總結(jié)。
select 不存在站位文本,即不存在placeholder屬性。
沒有這個屬性,導(dǎo)致最大的問題就是select框顯示值必須是其option里的一項,這也就是select無法實現(xiàn)input的placeholder效果。現(xiàn)在網(wǎng)上的一些dropdown控件實現(xiàn)這個效果,他們都是把把select用Div,ui,li加上js模擬出來的。
select的option項油鹽不進(jìn)。
有時候我們希望當(dāng)用戶點(diǎn)擊option時觸發(fā)一個js方法。很抱歉這個無法實現(xiàn),因為option的事件都被select本身控制了。還有就是在option里面或者外面加元素都是不好用的,比如像下面這段代碼。當(dāng)時的想法是在option里面或外面套一個,然后獲取外面元素的事件,這樣就可以模擬option被點(diǎn)擊的事件,但是可惜沒有成功。在外面加元素會讓select無法認(rèn)識option,就會排除這一項。所以大部分監(jiān)聽事件都是在select上監(jiān)聽,比如用onChange。
option里添加樣式也是無效的,select本身已經(jīng)給樣式了,不接收其他的樣式。所以更改樣式只能在select標(biāo)簽上更改。
附上 select的事件,屬性和方法
http://blog.csdn.net/huozhicheng/article/details/5416060
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/49753.html
摘要:最近項目中用到下拉列表,由于瀏覽器對下拉列表的解析不一樣,且項目要求要用各自瀏覽器自帶的效果。在外面加元素會讓無法認(rèn)識,就會排除這一項。里添加樣式也是無效的,本身已經(jīng)給樣式了,不接收其他的樣式。附上的事件,屬性和方法 最近項目中用到下拉列表,由于瀏覽器對下拉列表的解析不一樣,且項目要求要用各自瀏覽器自帶的select效果。這個讓我徹底放棄了使用別人寫的下拉列表控件(比如: bootst...
摘要:本人郵箱歡迎轉(zhuǎn)載轉(zhuǎn)載請注明網(wǎng)址代碼已經(jīng)全部托管有需要的同學(xué)自行下載引言多線程如果設(shè)計的不合理的話很可能就會出現(xiàn)死鎖當(dāng)兩個或者多個線程同事想要去獲取共享資源的鎖時但每個線程都要等其他線程把他們各自的鎖給釋放才能繼續(xù)運(yùn)行這就是死鎖出現(xiàn)死鎖必須具 本人郵箱: 歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明網(wǎng)址 http://blog.csdn.net/tianshi_kcogithub: https://github...
閱讀 1996·2021-09-09 09:33
閱讀 1118·2019-08-30 15:43
閱讀 2673·2019-08-30 13:45
閱讀 3313·2019-08-29 11:00
閱讀 863·2019-08-26 14:01
閱讀 3576·2019-08-26 13:24
閱讀 487·2019-08-26 11:56
閱讀 2696·2019-08-26 10:27