The problem is on the second form submitting to the 3rd, they are all inter joined, the first form post using the GET method to this page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Education</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkRadios() {
var el = document.forms[0].elements;
for(var i = 0 ; i < el.length ; ++i) {
if(el[i].type == "radio") {
var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
var itemchecked = false;
for(var j = 0 ; j < radiogroup.length ; ++j) {
if(radiogroup[j].checked) {
itemchecked = true;
break;
}
}
if(!itemchecked) {
alert("Please select an Education Level");
if(el[i].focus)
el[i].focus();
return false;
}
}
}
return true;
}
// End -->
</script>
</head>
<body>
<p align="center"><font face="Arial, Helvetica, sans-serif" color="#000099" size="+1"><b>Skilled
Worker Self-Assessment</b></font>
<p align="center"><font face="Arial, Helvetica, sans-serif" color="#000099"><b>Factor
2 - Education </b> <font size="-1">(maximum 20 points)</font></font></p>
<p align="center">
<font face="Arial,Helvetica,sans-serif" size="-1">Your score up to this
point is: </font><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var loc=""+document.location;
loc = loc.indexOf("?age=")!=-1?loc.substring(loc.indexOf("?age=")+5,loc.length):"";
var age = loc.indexOf("&")!=-1?loc.substring(0,loc.indexOf("&")):loc;
document.write(age);
// End -->
</script></p>
<p ALIGN="left" style="text-indent: 0; line-height: 100%">The principal applicant’s highest
level of education:<br>
(<a href="Education_Definitions.htm">Click for definitions of various education
levels</a>.)<!-- FORM STARTS HERE -->
</p>
<form name="f2" action="Occupational_Demand.htm" method="GET" onSubmit="return checkRadios(this)","var sum = parseInt(document.f1.age.value)+parseInt(document.f2.edu.options[document.f2.edu.selectedIndex].value);
document.location="Occupational_Demand.htm?edu='+sum'">
<table cellSpacing="10" cellPadding="0" width="662" border="0">
<tbody>
<tr>
<td align="left" width="604">
<div align="left">
<font face="Times New Roman" size="3">I have a second or third level university degree (e.g., masters or doctorate)</font>
</div>
</td>
<td align="left" width="28"><font size="-1"><input type="radio" value="20" name="edu"></font></td>
</tr>
<tr>
<td align="left" width="604">
<div align="left">
<font face="Times New Roman" size="3">I have a university degree or a diploma that required at least three (3) years of full time post-secondary study
OR I have an apprenticeship or a trade certificate based on at least three (3) years of combined education and on-the-job training.</font>
</div>
</td>
<td align="left" width="28"><font size="-1"><input type="radio" value="16" name="edu"></font></td>
</tr>
<tr>
<td align="left" width="604">
<div align="left">
<font face="Times New Roman" size="3">I have completed a 1 to 2 year post-secondary program.</font>
</div>
</td>
<td align="left" width="28"><font size="-1"><input type="radio" value="14" name="edu"></font></td>
</tr>
<tr>
<td align="left" width="604">
<div align="left">
<font face="Times New Roman" size="3">I have completed secondary school (high school).</font>
</div>
</td>
<td align="left" width="28"><font size="-1"><input type="radio" value="10" name="edu"></font></td>
</tr>
<tr>
<td align="left" width="604">
<div align="left">
<font face="Times New Roman" size="3">I have not completed secondary school.</font>
</div>
</td>
<td align="left" width="28"><font size="-1"><input type="radio" value="0" name="edu"></font></td>
</tr>
</tbody>
</table>
<p><input type="submit" value="Next"> <input type="reset" value="Clear" name="Reset"></p>
</form>
</body>
</html>