Regarding Listbox height

[onlymukti4u]

Hi ,

I just want to create a listbox, with 100 items in it, but it should not show all items at a time, there should be a vertical scroll in which I can see 10 items at a time and I can scroll this down to see the below items.

thanks in advance.

Regrads,
Prasad

[acoder]

Use the size attribute:
[html]<select ... size="10">[/html]

[onlymukti4u]

thanks for your quick response, but what I need is if I am setting an attribute size to 10 it is showing the elements of 10 in a box with scrollbar, but I want actually the listbox followed by the display box having scrolls.

example:
[HTML]<select name="" >
<option>mukti </option>
<option>sssss </option>
<option>ddddd </option>
<option>fffff </option>
<option>wwwww </option>
<option>vvvvv </option>
<option>bbbbb </option>
<option>mmmmm </option>
<option>nnnnn </option>
<option>mukti </option>
<option>sssss </option>
<option>ddddd </option>
<option>fffff </option>
<option>wwwww </option>
<option>vvvvv </option>
<option>bbbbb </option>
<option>mmmmm </option>
<option>nnnnn </option>
<option>mukti </option>
<option>sssss </option>
<option>ddddd </option>
<option>fffff </option>
<option>wwwww </option>
<option>vvvvv </option>
<option>bbbbb </option>
<option>mmmmm </option>
<option>nnnnn </option>
</select>
[/HTML]
if I am giving this on click of the down arrow it is showing all elements, but I need element of 10 and scrollbar. can u help me out.

Regards,
Prasad

[gits]

hmmm ... so you want to limit the 'popup-area' ... i think for this you have to create your own DHTML-dropdown-list ... similar to an ajax-auto-suggest-widget ...

kind regards

[acoder]

I'm afraid that's a browser default. In Firefox, it'll scroll after 20, I think, but in IE7, it just displays the whole thing. As gits said, you'll need to create your own DHTML version.

PS. please use code tags when posting code.

[onlymukti4u]

Thanks for your response. I think I have to make a customized listbox. Anyway thanks.

[acoder]

If you have any questions and need help implementing it, ask in the JavaScript forum.