form handling in javascript question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form name="postgen" onsubmit="return printVariables();" method="get">
	<select name="month">
		<option value="January">January</option>
		<option value="February">February</option>
		<option value="March">March</option>
		<option value="April">April</option>
		<option value="May">May</option>
		<option value="June">June</option>
		<option value="July">July</option>
		<option value="August">August</option>
		<option value="September">September</option>
		<option value="October">October</option>
		<option value="November">November</option>
		<option value="December">December</option>
	</select>

	<input type="text" name="day" maxlength="2" style="width:20px; display:inline; height:14px;" />

	<span style="display:inline;"> - </span>

	<select name="gametype">
		<option value="Open">Open</option>
    	<option value="Mini">Mini Normal</option>
    	<option value="Mini Theme">Mini Theme</option>
    	<option value="New York">Large Normal</option>
    	<option value="Large Theme">Large Theme</option>
	</select>

	<input type="text" name="gamenum" maxlength="4" style="width:30px; display:inline; height:14px;" />

	<span style="display:inline;">: </span>

	<input type="text" name="gamename" style="display:inline; height:14px;" />

	<div style="padding-left:60px;">
		<strong>Moderator: </strong>

    	<input type="text" name="modname" style="width: 100px; display:inline; height:14px;" />

    	<div style="padding-left:30px; display:inline;">
    		<strong>Status: </strong>

        	<select name="phase">
        		<option value="Day">Day</option>
            	<option value="Night">Night</option>
        	</select>

        	<input type="text" name="phasenum" maxlength="2" style="width: 20px; display:inline; height:14px;" />

        	<span style="display:inline;">, </span>

        	<input type="text" name="pagenum" maxlength="3" style="width: 25px; display:inline; height:14px;" />

        	<span style="display:inline;">pages</span>

        	<div style="padding-left:30px; display:inline;">
        		<strong>Replacing:</strong>

            	<input type="text" name="repname" style="width: 100px; display:inline; height:14px;" />
        	</div>
    	</div>
	</div>
<br />
Link to Moderator's Profile: <input type="text" name="modlink" style="width: 500px; display:inline; height:14px;" />

<input type="button" name="submit" value="Generate" onclick="showElements(this.form);">
</form>

<script type="text/javascript">
function submitform()
{
  document.postgen.submit();
}

var oForm = document.forms["postgen"];

var oMonthList = oForm.elements["month"];
var month = oMonthList.value;

var oDayField = oForm.elements["day"]
var day = oDayField.value;

var oGameTypeList = oForm.elements["gametype"]
var gametype = oGameTypeList.value;

var oGameNumberField = oForm.elements["gamenum"]
var gamenum = oGameNumberField.value;

var oGameNameField = oForm.elements["gamename"]
var gamename = oGameNameField.value;

var oModNameField = oForm.elements["modname"]
var modname = oModNameField.value;

var oPhaseList = oForm.elements["phase"]
var phase = oPhaseList.value;

var oPhaseNumberField = oForm.elements["phasenum"]
var phasenum = oPhaseNumberField.value;

var oPageNumberField = oForm.elements["pagenum"]
var pagenum = oNameNumberField.value;

var oReplacementNameField = oForm.elements["repname"]
var repname = oReplacementNameField.value;

var oModLinkField = oForm.elements["modlink"]
var modname = oModLinkField.value;

function printVariables()
{
	document.write(repname)
}
</script>
</body>
</html>