Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Making a select box drop down on mouseover
- Thread starter zippynz
- Start date
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>
ToddWW
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>
ToddWW
- Thread starter
- #3
Still thinking of a solution for you. You could always create a dynamic menu using JS and DHTML. Again, I think there are problems with these in NS.
Take a look at this.
ToddWW
Take a look at this.
ToddWW
- Thread starter
- #7
- Status
Similar threads
- Question