Click here to Skip to main content
12,067,351 members (54,989 online)
Rate this:
 
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 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
Top Experts
Last 24hrsThis month


Advertise | Privacy | Mobile
Web01 | 2.8.160208.1 | Last Updated 22 Jul 2011
Copyright © CodeProject, 1999-2016
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