Click here to Skip to main content
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 3: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 OriginalGriff 195
1 Afzaal Ahmad Zeeshan 132
2 ProgramFOX 130
3 Maciej Los 105
4 Sergey Alexandrovich Kryukov 75
0 OriginalGriff 6,564
1 Sergey Alexandrovich Kryukov 6,048
2 DamithSL 5,228
3 Manas Bhardwaj 4,657
4 Maciej Los 4,150


Advertise | Privacy | Mobile
Web02 | 2.8.1411022.1 | Last Updated 22 Jul 2011
Copyright © CodeProject, 1999-2014
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