Click here to Skip to main content
11,647,170 members (69,993 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript CSS HTML
Hi Guys,


I am using a dropdown list in my apps.The dropdown have near about 100 entries.I want to display first 10 entries and for the remaining entries i want to display a scrollbar for that.

Is anyone have any idea that how to accomplish this?

You can assume a simple html dropdown for this task.like..

          <select>
          <option value="1">One</option>
          <option value="2">two</option>
          <option value="3">Three</option>
            and so on
              ................
             ................
                .........
          </select>
          

Thanks in advance!

Arvind Thakur
Posted 22-Jul-11 2:21am
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Put your list inside a DIV tag and set the DIV style overflow:auto and the DIV's height to a fixed height.
  Permalink  
v2
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 3

Wow thanks Shameel..its working good.
  Permalink  
Comments
Shameel at 22-Jul-11 8:39am
   
you're welcome.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 jyo.net 510
1 Sergey Alexandrovich Kryukov 423
2 OriginalGriff 398
3 CPallini 339
4 DamithSL 300
0 OriginalGriff 1,277
1 jyo.net 994
2 DamithSL 946
3 Sergey Alexandrovich Kryukov 853
4 CPallini 760


Advertise | Privacy | Mobile
Web01 | 2.8.150804.2 | Last Updated 22 Jul 2011
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100