I have a drop down box and when a letter is pressed on the keyboard it jumps to the first item in the list and highlights it. No probs there. But the highlighted selection appears right at the bottom of the list, i would like it to jump to the top, allowing users to see whats under it eg: sub categories.

Any help would be greatly appreciated.

thanks
Greg

It will be the code at line 31.

Thats pretty funny.

Anyone able to reply with a serious answer ?

Thanks
Greg

I think what Chris was hinting at is can we see the code please...

can we see the code please

Exactly

Yes, sorry its been a very long week, my sense of humour failed me!

Here is the form code..

I removed many of the options because there were too many ! to post here.

Like my first post said, my goal is for highlighted options(when a ltter is pressed to appear at the top and not the bottom, so users can see whats underneath it eg: sub categories.

PHP Code:

<form name="search" id="search" method="get" action="searchresults.php">





<table class="tableborder">

    <tr>

      <th><strong>Search</strong></th>

    </tr>
    <tr>

         <td class="formstrip">Please enter your search criteria below</td>

    </tr>

    <tr>

        <td>

            <table width="100%" cellpadding="0" cellspacing="0">

            <tr>

                <td valign="top" class="formleft" width="50%">Search Text:</td>

                  <td valign="top" class="formright" width="50%"><input name="searchtext" type="text" id="searchtext" /></td>

            </tr>

            <tr>
                 <td valign="top" class="formleft">In Category:</td>

                  <td valign="top" class="formright">

                       <select name="type" id="type" onChange="displaySec(this);">

                           <option value=''>Search All</option>

                                         
                <option style="font-weight: bold;font-size: 12px" value="498">Antiques</option>
                                                                <option value="499">&nbsp;&nbsp;&raquo;&nbsp;Accessories</option>
                                                                <option value="500">&nbsp;&nbsp;&raquo;&nbsp;Equipment</option>
                                                 
                <option style="font-weight: bold;font-size: 12px" value="28">Biotechnology/Biomedical</option>
                                                                <option value="281">&nbsp;&nbsp;&raquo;&nbsp;Biotechnology Equipment</option>
                                                                <option value="282">&nbsp;&nbsp;&raquo;&nbsp;Cell Counters</option>
                                                                <option value="283">&nbsp;&nbsp;&raquo;&nbsp;Densitometers</option>
                                                                                                                
                <option style="font-weight: bold;font-size: 12px" value="353">Wanted Items</option>
                                
                    </select>

                </td>

            </tr>

            
            
            
            
                        
            <tr>
                <td align="left" class="formleft">Condition:</td>
                <td align="left" class="formright">
                    <select name="condition" id="condition">
                        <option value="">New & Used</option>
                        <option value="1">New Only</option>
                        <option value="2">Used Only</option>
                    </select>
                </td>
            </tr>

            </table>

    <div id="response" name="response"></div>

    <div id="optResponse" name="optResponse"></div>

        </td>

    </tr>

    <tr>
        <td class="formstrip">

            <div align="center"><input type="submit" name="Submit" value="Search" /></div>

        </td>

    </tr>

</table> 


Thank You
Greg

Not sure I quite get what your asking...

If i press "B" key, it jumps to Biotechnology/Biomedical, the menu stays open and then I can click the sub cats below it...?

I cant see it jumping anywhere? Prob just me though!

Hi,

Ok, my fault, because I removed many options to trim it down for the post, the problem does not happen.

I have attached zip file with an html file with the all the code so you can see what I mean.



Thanks
Greg

is it that you are asking how to make the options list appear open when an option is selected?

The normal behaviour being to show the selected option then close the list.

Chris,

What I am asking is how can I make the highlighted option (when a letter is pressed) to appear at the top of the list instead of the bottom, allowing the user to see what is underneath it.

Thank you

Greg

Ok
The problem here is that select box behaviour is very much OS & browser dependant, because the select box list is a "windowed control".

You are probably using FF which does leave the selected option at the bottom. IE on the other hand puts the selected item at the top.

There isn't even a cross browser method to open the list programatically. So about your only hope of forcing this behaviour would be to code your own in a CSS drop down style menu.

Chris,

Thank you for replies.

For the record IE6 behaves the same way as FF, well it does on my WINXP anyways. Thanks again.

Greg

Ok,
I was looking at it on Win2k from my machine.