CF variable in Javascript is "undefined"

Question

Hi everyone,
can you please tell me why the output is "undefined"?
this is the code:
<cfset checkcolor="No">
<script language="JavaScript">
function check()
x=document.checkcolor;
alert(x);
return false;
<cfquery datasource="#DSN#" NAME="items">
select *
from items
where itemID=#ItemID#
</cfquery>
<cfform action="Order.cfm" method="POST" name="F1"
onsubmit="return check();">
<cfif Items.ItemColors neq "">
<cfset checkcolor="Yes">
the alert shows "undefined"
I would appreciate any help!

Answer 1

it doesn't do anything! it assumes that the checkcolor is
always "no". this is the complete code. can you tell me what is
wrong with it? thanks a lot in advance.
<cfset checkcolor="No">
<cfset checksize="No">
<script language="JavaScript">
function checkit()
<cfif checkcolor is "Yes">
if
(document.F1.MyColor.options[document.F1.MyColor.selectedIndex].text
== 'Select a Color:')
alert("Please Select a Color!");
return false;
</cfif>
</script>
<cfquery datasource="#DSN#" NAME="items">
select *
from items
where itemID=#ItemID#
</cfquery>
<cfform action="Order.cfm" method="POST" name="F1"
onsubmit="return checkit();">
<cfoutput>
<br>
<table cellpadding="0" align="left" cellspacing="5"
border=0 class="textblack">
<tr>
<td width=40% valign="top" align="center">
<img src="PixBig/#Items.ItemImage#" border="2"
alt="#items.ItemName#" ><br>
<br>
<div align="center">
<font class="textGray"><b>Price:</font>
<font
class="textGreenBold">#Dollarformat(Items.UnitPrice)#</font></b>
</div>
</td>
<td width=2%> </td>
<td width=53% valign="top"
class="textblack"><br>
<b>#items.ItemName#</b>
<br>
<p style='line-height:14.0pt'>
<font class="textblack">
#items.ItemDetail#</font>
<br>
#items.Description#
</p>
<cfif Items.ItemColors neq "">
<cfset checkcolor="Yes">
<cfset TempColorList=Items.ItemColors>
<cfquery datasource="#DSN#" name="ColorInfo">
select *
from Colors
where ColorID in (#TempColorList#)
</cfquery>
Color:
<cfselect name="MyColor" query="ColorInfo" value="Color"
REQUIRED="yes" message="Please select a Color!">
<option value="" selected>Select a Color:
</cfselect>
</cfif>
<br><br>
<cfif Items.ItemSizes neq "">
<cfset CheckSize="Yes">
<cfset TempSizeList=Items.ItemSizes>
<cfquery datasource="#DSN#" name="SizeInfo">
select *
from Sizes
where SizeID in (#TempSizeList#)
</cfquery>
Size:
<cfselect name="MySize" query="SizeInfo" value="Size"
REQUIRED="yes" message="Please select a Size!">
<option value="" selected>Select a Size:
</cfselect>
</cfif>
<br><br>
<input type="hidden" name="Quantity" value="1">
<input type="submit" name="Buy Now!" value="Buy Now!"
><br>
</td>
</tr>
<tr>
<td align=left >
<font class="textgray">Item Number:</font>
<font class="textblack">#Items.itemnum#</font>
</td>
<td> </td>
<td valign="bottom"><br><br>
<br><br>
</td>
</tr>
</table>
<input type="hidden" name="ItemID" value="#ItemID#">
</cfoutput>
</cfform>