Click here to Skip to main content
15,888,112 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi Frnds !

I have a dropdwonlist with 60 items in it.

When i click dropdownlist it should appear only 10 in it, and the rest of all should be scroll.

I need complete 60 items in it...but when i select dropdownlist i must see 10 in it and others scroll

Please help me, how to do this.
Posted

1 solution

I think yo ucan use listbox if you want to show some items initially and to view the remaining items, you can scroll down.
Here is a sample.
ASP.NET
<asp:listbox id="drop2" runat="server" height="150px" xmlns:asp="#unknown">
<asp:listitem>Item 1</asp:listitem>
<asp:listitem>Item 2</asp:listitem>
<asp:listitem>Item 3</asp:listitem>
<asp:listitem>Item 4</asp:listitem>
<asp:listitem>Item 5</asp:listitem>
<asp:listitem>Item 6</asp:listitem>
<asp:listitem>Item 1</asp:listitem>
<asp:listitem>Item 2</asp:listitem>
<asp:listitem>Item 3</asp:listitem>
<asp:listitem>Item 4</asp:listitem>
<asp:listitem>Item 5</asp:listitem>
<asp:listitem>Item 6</asp:listitem>
<asp:listitem>Item 1</asp:listitem>
<asp:listitem>Item 2</asp:listitem>
<asp:listitem>Item 3</asp:listitem>
<asp:listitem>Item 4</asp:listitem>
<asp:listitem>Item 5</asp:listitem>
<asp:listitem>Item 6</asp:listitem>
<asp:listitem>Item 1</asp:listitem>
<asp:listitem>Item 2</asp:listitem>
<asp:listitem>Item 3</asp:listitem>
<asp:listitem>Item 4</asp:listitem>
<asp:listitem>Item 5</asp:listitem>
<asp:listitem>Item 6</asp:listitem>
<asp:listitem>Item 1</asp:listitem>
<asp:listitem>Item 2</asp:listitem>
<asp:listitem>Item 3</asp:listitem>
<asp:listitem>Item 4</asp:listitem>
<asp:listitem>Item 5</asp:listitem>
<asp:listitem>Item 6</asp:listitem>
</asp:listbox>



Here it shows some items when the page loads and on scroll down, it shows the remaining items.



another solution is

ASP.NET
<asp:DropDownList id="drop1" runat="server" Height="150px">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
</asp:DropDownList>


In code behind ,set
drop1.Attributes.Add("Size", "150");
 
Share this answer
 
v2
Comments
Ubaid ur Rahman IT 24-Apr-13 2:14am    
MashaAllah, Thanks Firdouse
Naz_Firdouse 24-Apr-13 3:09am    
Please mark it answer, so that it would be helpful to others...

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900