How do I do that? My test code is shown below. What I am trying to accomplish is this: When the user selects a Starting Time, I want the drop-down menu to automatically be selected for 1 hour later. I can get the Starting Time passed to the JavaScript, and I can certainly add 1 to it. But, how do I get that value passed back to my form? As you can see, I tried a hidden field, but that didn't work. Alternatively, can CFSCRIPT be used with an event like "OnChange"? This can't be that hard, but I don't get it. Any suggestions greatly appreciated! Thanks!
Calista :-X
Jedi Knight,
Champion of the Force
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>My Test</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function UpdateTimes(which)
{
var TempVar = parseInt(document.MyForm.StartDate_Hour.value);
NewTime = TempVar + 1;
document.MyForm.HoldTime.value = NewTime;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM ACTION="#CGI.SCRIPT_NAME#" METHOD="post" NAME="MyForm">
<INPUT TYPE="hidden" NAME="HoldTime" VALUE="0">
<TABLE>
<TR><TD> </TD></TR>
<!--- The start date/time of the reservation --->
<TR>
<TD><B>Start Time</B></TD>
<TD>
<SELECT NAME="StartDate_Hour" ONCHANGE="UpdateTimes(this)">
<OPTION>Choose Starting Time.</OPTION>
<!--- Display business hours --->
<CFLOOP INDEX="X" FROM="8" TO="18">
<CFSET PROPER_HOUR=X>
<CFSET AMPM="AM">
<CFIF PROPER_HOUR GTE 12>
<CFIF PROPER_HOUR GT 12>
<CFSET PROPER_HOUR=PROPER_HOUR - 12>
</CFIF>
<CFSET AMPM="PM">
</CFIF>
<CFOUTPUT>
<OPTION VALUE="#X#:00">#PROPER_HOUR#:00 #AMPM#
<CFIF X LT 18>
<OPTION VALUE="#X#:30">#PROPER_HOUR#:30 #AMPM#
</CFIF>
</CFOUTPUT>
</CFLOOP>
</SELECT>
</TD>
</TR>
<!--- This inserts a blank line for formating purposes. --->
<TR><TD> </TD></TR>
<CFIF IsDefined("Form.HoldTime")>
<FONT COLOR="Blue" SIZE="+2">HoldTime is defined and is equal to #Form.HoldTime#.</FONT>
<CFELSE>
<FONT COLOR="Red" SIZE="+2">HoldTime is NOT defined.</FONT>
</CFIF>
<TR><TD> </TD></TR>
<!--- The end date/time of the reservation --->
<TR>
<TD><B>End Time:</B></TD>
<TD>
<SELECT NAME="EndDate_Hour">
<!--- Display business hours --->
<CFLOOP INDEX="X" FROM="8" TO="18">
<CFSET PROPER_HOUR=X>
<CFSET AMPM="AM">
<CFIF PROPER_HOUR GTE 12>
<CFIF PROPER_HOUR GT 12>
<CFSET PROPER_HOUR=PROPER_HOUR - 12>
</CFIF>
<CFSET AMPM="PM">
</CFIF>
<CFOUTPUT>
<OPTION VALUE="#X#:00">#PROPER_HOUR#:00 #AMPM#
<CFIF X LT 18>
<OPTION VALUE="#X#:30">#PROPER_HOUR#:30 #AMPM#
</CFIF>
</CFOUTPUT>
</CFLOOP>
</SELECT>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>Jedi Knight,
Champion of the Force
