This is a very bizarre solution. It behaved sort of wierd in IE 5 and It didn't work at all in NS 6, but you might be able to work with a variation of it to meet your needs.
Otherwise, I can't think of any methods that you can apply to a select list to make it drop down other than clicking on it. The click() method doesn't work on this element type.
Copy this to a test page and run it.
<html>
<head>
<script Language="JavaScript">
<!--
function dropList(list_ref) {
list_ref.size = list_ref.length
}
function collapseList(list_ref) {
list_ref.size = 1
}
//-->
</script>
</head>
<body>
<form>
<select size="1" name="mylist" onMouseOver="dropList(this);" onChange="collapseList(this);">
<option value="1">Option #1</option>
<option value="2">Option #2</option>
<option value="3">Option #3</option>
<option value="4">Option #4</option>
<option value="5">Option #5</option>
</select><br>
Other HTML Moves With It !!
</body>
</html>
Oh, that page I linked you to doesn't do a very good job of pointing you to the example. Scroll to the top of that page and move your mouse over one of the menus.
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.