Hey everybody-

I'm trying to design a bracket for our office to use for the NCAA tournament this March. I'll have drop down menus for the user to choose the winner of each game and I'd like for the drop downs to change dynamically, based on what has previously been selected. Ideally, this code below will change the third drop down menu to contain the values of the first and second fields. Can someone help me out with this?

Code:
<HEAD>
<TITLE>pick test</TITLE>

<script language="JavaScript">
<!--
function onChange() {
	var Current1 = document.picks.game1.selectedIndex;
	var Current2 = document.picks.game2.selectedIndex;
	document.picks.game3.value = document.picks.game1.options[Current1].text;
}
//-->
</script>

</HEAD>
<BODY>

<form name="picks" action="showpicks.asp" method="post" onSubmit="return false;">
<SELECT name="game1" onChange="onChange()">
	<OPTION value="Duke">Duke</OPTION>
	<OPTION value="St. Bonaventure">St. Bonaventure</OPTION>
</SELECT>
<br>
<SELECT name="game2">
	<OPTION value="Florida">Florida</OPTION>
	<OPTION value="Temple">Temple</OPTION>
</SELECT>
<br>
<SELECT name="game3">
	<OPTION value=""></OPTION>
	<OPTION value=""></OPTION>
</SELECT>
<br>
<INPUT type="submit" value="Submit">
</form>