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