select標籤顯示固定條數,使用滾動條

2021-09-25 14:35:39 字數 676 閱讀 3152

問題描述:

下拉框太長,一直到頁面底部

select預設是20條,超過20條時才會出現滾動條

可以設定size="5"屬性,用來指定顯示多少行,設定之後發現只顯示了一行,下拉框樣式出現問題,次是需要新增height:auto;z-index:1;position: absolute;樣式,這樣原有的樣式布局才不會發生改變,具體根據實際情況調整。

結果如圖:

html:

所有

aaaa

bbbb

cccc

dddd

eeee

ffff

gggg

hhhh

iiii

jjjj

kkkk

js:

//初始化下拉框事件--產品維度

$("#storeprizename>option").click(function());

$("#storeprizename").focus(function());

$("#storeprizename").blur(function () );

select標籤multiple屬性的使用方法

一 實現效果 一 實現 1 select標籤multiple屬性的使用方法未選擇操作 已選擇 荸薺 胡桃楊梅 沙棗臍橙 芒果枇杷 金桔青梅 毛桃金桔 酸橙海棠 檳榔楊桃 櫻桃芭樂 鱷梨西柚 style text align center margin bottom 10px width 90px s...

使div浮動層顯示在Select元件上面

一 發現問題 問題 綠色的浮動層被select元件 咬掉了一塊 部分 浮動層 汽車化妝品 房地產 日用品 二 找到方法 上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。在csdn社群裡看到有人給出解決方案 div被select擋住,是乙個比較常見的問題。有的...

使div浮動層顯示在Select元件上面

這個也是現學現賣了,沒有什麼特好的方法,先看一下博主的這個吧 一 發現問題 問題 綠色的浮動層被select元件 咬掉了一塊 部分 浮動層 汽車化妝品 房地產日用品 二 找到方法 上網搜尋了一下之後發現,這個是html語言的通病,只能通過某些優先順序更加高的元件來遮蓋。在csdn社群裡看到有人給出解...