Multiple drop down menus

I'm trying to achieve 4 drop down menus side by side but cant get the following html to work.
Anyone please tell me why?

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="25%">
<p align="center"><font face="Verdana">Season Viewer:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">League Documents:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">Meeting Viewer:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">Venue Profiles:</font></td>
</tr>
<tr>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select name="menu" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=33">2008 </option>
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=18">2007 </option>
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=22">2006 </option>
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=12">2005 </option>
</select> <input type="button" value="Go" onclick="location=document.form1.menu.options[document.form1.menu.selectedIndex].value;" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
<td width="25%"><p style="text-align: center;"><font face="Verdana"> <select name="menu" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/STPL_Fixtures_2008.xls">2008 Fixtures</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/2008_Playing_Rules.doc">2008 Rules</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/PROCEDURAL RULES.doc">2008 Procedural Rules</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/South_Tyneside_Scorecards.doc">Scorecards</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/Singles _ Pairs.doc">Singles/doubles form</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/South_Tyneside_Venues.doc">Venues contact</option>
</select> <input type="button" value="Go" onclick="location=document.form2.menu.options[document.form2.menu.selectedIndex].value;" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /></font></p>
</td>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select name="menu" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.microsoft.com">Microsoft</option>
<option value="http://www.ebay.com">Ebay</option>
<option value="http://www.google.com">Google</option>
</select> <input type="button" value="Go" onclick="location=document.form3.menu.options[document.form3.menu.selectedIndex].value;" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select name="menu" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.abc.com">abc</option>
<option value="http://www.def.com">def</option>
<option value="http://www.ghi.com">ghi</option>
</select> <input type="button" value="Go" onclick="location=document.form4.menu.options[document.form4.menu.selectedIndex].value;" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
</tr>
</table>

Not quite sure what you mean.

All your drop down menus would be better if created using CSS, there are some css elements within your code. If you check out the CSS forum it should help you.

Attached Images

Java Applets, Flash, & Shockwave - Good or Bad-_1204749927046.jpg (13.8 KB, 10 views)

Try this mate.
You can keep the names and change the script to getElementByName if you like, but i prefer IDs.
Got it working for me ^^

Code: Select all

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="25%">
<p align="center"><font face="Verdana">Season Viewer:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">League Documents:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">Meeting Viewer:</font></td>
<td width="25%">
<p align="center"><font face="Verdana">Venue Profiles:</font></td>
</tr>
<script language="javascript" type="text/javascript">
function Menu(id){
var menu = document.getElementById(id)
location.href = menu.value
}
</script>
<tr>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select id="Menu1" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=33">2008 </option> 
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=18">2007 </option>
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=22">2006 </option>
<option value="http://www.northeast8ball.co.uk/index.php?option=com_content&task=view&id=12">2005 </option>
</select> <input type="button" value="Go" onclick="javascript:Menu('Menu1');" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
<td width="25%"><p style="text-align: center;"><font face="Verdana"> <select id="Menu2" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/STPL_Fixtures_2008.xls">2008 Fixtures</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/2008_Playing_Rules.doc">2008 Rules</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/PROCEDURAL RULES.doc">2008 Procedural Rules</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/South_Tyneside_Scorecards.doc">Scorecards</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/Singles _ Pairs.doc">Singles/doubles form</option>
<option value="http://www.northeast8ball.co.uk/Leagues/SouthTyne/2008/South_Tyneside_Venues.doc">Venues contact</option>
</select> <input type="button" value="Go" onclick="javascript:Menu('Menu2');" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /></font></p>
</td>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select id="Menu3" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.microsoft.com">Microsoft</option> 
<option value="http://www.ebay.com">Ebay</option>
<option value="http://www.google.com">Google</option>
</select> <input type="button" value="Go" onclick="javascript:Menu('Menu3');" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
<td width="25%"><font face="Verdana"><p style="text-align: center;"> <select id="Menu4" style="font-size: 12px; color: rgb(0, 102, 153); font-family: verdana; background-color: rgb(255, 255, 255);">

<option value="http://www.abc.com">abc</option> 
<option value="http://www.def.com">def</option>
<option value="http://www.ghi.com">ghi</option>
</select> <input type="button" value="Go" onclick="javascript:Menu('Menu4');" style="font-size: 12px; color: rgb(255, 255, 255); font-family: verdana; background-color: rgb(0, 102, 153);" /> </p>
</font>
</td>
</tr>
</table>

I don't know anything about CSS dab42pat. HTML is hard enough without adding something else into the mixing pot. Maybe I should............

Thanks for the solution RSoftware. Proper little JavaScript Gem that one. Works a treat.