get value
get selectedIndex
get length
apply look
 

PseudoSelect demonstration page

created by André Wyrwa in 2003
direct real pseudo auto

PseudoSelect is a set of Javascript functions I created to simulate a select element. I did this as a workaround for the bad implementation of these elements in Internet Explorer. Microsofts implementation draws the select boxes always on top of everything which makes it impossible to draw a menu over them. (Mozilla still has it's little strange behaviours as well, but the rendering is much more transparent.)

One good sideeffect is, that these pseudoselectboxes also have changeable layout (borders, colors, margins).

And, since Mozilla even supports the old MS proprietary JS functions, the whole thing works with it as well. (default layout is optimized for IE)

Disadvantage is that they are not spannable, but if you use them within tables, which is the case in most cases, that shouldn't be a problem.

So, with this set of Javascript functions, the according stylesheet file, and some neccessary calls in the html file, you will be able to have select boxes that stay behind, are layout-costumizable, are navigateable with mouse and keyboard and feature autosizing just as the normal ones.