<SELECT> Element Need to ScrollIntoView

[fixthebug2003]

Hi,
I have <SELECT> Element with lots of (70+) OPTIONS in them.
I have set the height of the SELECT element to 250px..so it looks like a textarea with scrollbar.

I also have a simple text input box , just above the SELECT element where users can type in the first few words and then the SELECT element will select the option that matches the one in the text box, something similar to Search Index we get on HELP documents.

The only problem is that I could set the selectedIndex on the SELECT element to the one that matches in hte text box but the select item does not scroll to the top. If that can be accomplished it would be great.

Hope I explained clearly.

Fixthebug2003

 

[LFI]

Please show us the code that executes when text is typed into the textbox. Also, is this triggered from the onkeyup event?

--Dave

 

[adam0101]

I experimented trying to use .scrollIntoView() on a select box with no luck. Instead of using a <SELECT> box, it might be easier to use a scrolling <DIV> with an inset border. Each option could be a checkbox or radio button.

Then you should be able to use something like:
document.getElementById("divOption4").scrollIntoView();

Adam
while(ignorance){perpetuate(violence,fear,hatred);life=life-1};