Null or not an object error?

[GRFX69]

I am getting this error.

Line: 30
Char: 1
Error: 'options' is null or not an object
Code: 0

Here is my code.

In the Header I have the follow:
<script language="javascript">
function gotoMonth()
{
var theMonthList = document.forms[0].cboMonth;
var theYearList = document.forms[0].cboYear;
var theMonth = theMonthList.options[theMonthList.selectedIndex].value;
var theYear = theYearList.options[theYearList.selectedIndex].value;
theLocation = "index.cfm?fuseaction=ViewGoToMonth&GoToYear=" + theYear + "&GoToMonth=" + theMonth;
window.open(theLocation, "_top", "")
}

</script>

Here is the Form code that is located in the body.

<form>
<b><font size="2">Go To: &nbsp;</font></b>
<select name="cboMonth" onmouseover="self.status='Select Month';return true" onmouseout="self.status='';return true">
<cfset MonthNum = 0>
<cfloop index="MonthIndex" list="#Session.MonthList#">
<cfoutput>
<cfif #MonthIndex# EQ #DateMonthStr#>
<cfset MonthNum = #MonthNum# + 1>
<option value="#MonthNum#" selected>#MonthIndex#</option>
<cfelse>
<cfset MonthNum = #MonthNum# + 1>
<option value="#MonthNum#">#MonthIndex#</option>
</cfif>
</cfoutput>
</cfloop>
</select>
<select name="cboYear" onmouseover="self.status='Select Year';return true" onmouseout="self.status='';return true">
<cfloop index="YearIndex" from="#Year10Past#" to="#Year10Fut#" step="1">
<cfoutput>
<cfif #YearIndex# EQ #DateYear#>
<option value="#YearIndex#" selected>#YearIndex#</option>
<cfelse>
<option value="#YearIndex#">#YearIndex#</option>
</cfif>
</cfoutput>
</cfloop>
</select>
&nbsp;
<input type="button" value="&nbsp;Go&nbsp;" onClick="JavaScript:gotoMonth()" onMouseOver="self.status='Go';return true" onMouseOut="self.status='';return true">
</form>

And the URL where the Code is being used it here:

http://www.deerbrookgolfclub.com/cal/index.cfm

Problem is the with GO TO: Combo Boxes and the Go Button.

Thanks in advanced for any help!
GRFX69

 

[Diancecht]

Try

document.getElementById("cboMonth");

Cheers,
Dian

 

[tsuji]

It seems you have two forms and the gotoMonth button and the select-one elements are on the second forms (forms[[red]1[/red]). Hence the error.

 

[tsuji]

Due to some typos etc, if the sentence is not clear, I mean this.
[tt] var theMonthList = document.forms[[red]1[/red]].cboMonth;
var theYearList = document.forms[[red]1[/red]].cboYear;
[/tt]

 

[GRFX69]

Extreme thanks to Dian and tsuji!

I did not try Dian's idea, but first tried tsuji and it worked perfectly!

I freaking love the internet and this forum!

PS. First time poster to any help forum! Usually just read them for the answers!

Thanks again!

GRFX69