limiting select box list length - adding scrollbars

Question

When i use an html select box which has about 50 items, I get a very long list that fully appears. I would like to use scrollbars instead. how do I do that?

http://stackoverflow.com/questions/11406998/html-selectbox-list-size-count/ check this link for your probs.. — ASIK RAJA A, Jul 10 '12 at 06:29

score 14 · Accepted Answer · answered Apr 08 '11 at 09:22

14

You need to use CSS, specifically height and overflow:

CSS

.select{
    height:100px;
    overflow:scroll;
}

HTML

<select class="select"></select>

If you need anything more specific, ask!

answered Apr 08 '11 at 09:22

Khez

10,172
2
31
51

Oh, actually, yes - I thought tomer was after a dropdown sleect box :O – devrooms Apr 08 '11 at 09:31
I'm confused now... He wanted to limit the number of elements on the dropdown ? – Khez Apr 08 '11 at 09:33

score 4 · Answer 2 · edited May 23 '17 at 12:14

4

It is not possible to do this in HTML. See Height of an HTML select box (dropdown)

There are other ways of achiving this though javascript or jQuery, with links on that page to some jQuery plugins which create a "fake" html select box that looks and behaves like one, but can have the height set.

edited May 23 '17 at 12:14

Community

1
1

answered Apr 08 '11 at 09:24

devrooms

3,119
19
24

score 1 · Answer 3 · answered Apr 08 '11 at 09:32

1

It is not possible to set the number of visible items for a single value select box. There is a size attribute, but that will transform the dropdown into multiple selection list.

answered Apr 08 '11 at 09:32

Corneliu

2,932
1
19
22

limiting select box list length - adding scrollbars

3 Answers3

Linked