Forum Moderators: open
There´s 4 drop downs....and when the user clicks on one of them...the other three´s values return to their original position. It doesn´t work in netscape. Anybody have any ideas why?
i called the 4 different functions with "onFocus" in their respective drop downs.
if anybody has an answer, I´d appreciate it. I´m about to right hook my computer monitor.
Has anyone come across a problem similar to this one...or any other problems with validating dropdowns with javascript?
Here's the page I wrote to test it out:
<html>
<head>
<title>Untitled</title><script>
function drop1()
{
document.frmtest.test2.selectedIndex = 0;
document.frmtest.test3.selectedIndex = 0;
}
function drop2()
{
document.frmtest.test1.selectedIndex = 0;
document.frmtest.test3.selectedIndex = 0;
}
function drop3()
{
document.frmtest.test2.selectedIndex = 0;
document.frmtest.test1.selectedIndex = 0;
}
</script>
</head>
<body>
<form name="frmtest">
<select name="test1" onchange="drop1()">
<option>1
<option>2
<option>3
</select>
<select name="test2" onchange="drop2()">
<option>1
<option>2
<option>3
</select>
<select name="test3" onchange="drop3()">
<option>1
<option>2
<option>3
</select>
</form>
</body>
</html>
Important points to check are that your select boxes are correctly (try a html validator) nested within the appropriate form tags.