well you could actually do a step by step type layout where the first thing they do is pick (1st shift, 2nd shift, 3rd shift) once selection is made, it redirects them to the next page containing a drop down or radial button for the shifts available in that particular time frame. i can make one and put it up to let you see what i mean if you cant visualize it, hell even i cant fully......
actually after a quick google search i found this for you:
<html>
<head>
<title>Redirect Form</title>
</head>
<body>
<form method="POST" action="/cgi-bin/library/redirect/redirect.pl">
<select name="url">
<option value=""> Select a Destination
<option value=" /firstshift.html"> Options for 1st shift
<option value="/secondshift.html/"> Options for 2nd shift
<option value="/thirdshift.html/"> Options for 3rd shift
<option value="/allshifts/"> All shifts
</select>
<input type=submit name=submit value="Go!">
</form>
</body>
</html>
now given you need a cgi for it but hey, you need one for just about everything. i will see if i can make one w/o needing that.
actually screw the last one try this instead:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<select name="1st" onChange="MM_jumpMenu('parent',this,0)">
<option value="../fisrtshift.html" selected>1st shift</option>
<option value="../2ndshift.html">2nd shift</option>
<option value="../3rdshift.html">3rd shift</option>
</select>
</form>