Here is the code I am working with:
The javascript for the first box that decides what will be shown in the second box:
Code:
function setOptions(chosen) {
var selbox = document.rmavalidation.opttwo;
selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--',' ');
}
if (chosen == "Made for Sansa(TM)") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--');
selbox.options[selbox.options.length] = new Option('Made for Sansa(TM) Travel Kit');
selbox.options[selbox.options.length] = new Option('SAN-360 FM Transmitter & Charger');
selbox.options[selbox.options.length] = new Option('iM-490S iMetal Isolation Earphones');
selbox.options[selbox.options.length] = new Option('S42 Data & Charging Cable');
}
if (chosen == "Earphones & Headsets") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--');
selbox.options[selbox.options.length] = new Option('iM-490S iMetal Isolation Earphones');
selbox.options[selbox.options.length] = new Option('iM-390 iMetal Isolation Earphones');
selbox.options[selbox.options.length] = new Option('iM-290 iMetal Stereo Earphones');
selbox.options[selbox.options.length] = new Option('iP-HS2 iMetal Isolation Headset');
selbox.options[selbox.options.length] = new Option('iP-HS1 iMetal Stereo Headset');
}
if (chosen == "FM Transmitters") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--');
selbox.options[selbox.options.length] = new Option('SAN-360 FM Transmitter & Charger');
selbox.options[selbox.options.length] = new Option('ATB-350 FM Transmitter');
}
if (chosen == "MountMaster TV Mounts") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--');
selbox.options[selbox.options.length] = new Option('MountMaster Pro-60 Premium Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Pro-52 Premium Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Tilt-60 Tilting Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Tilt-52 Tilting Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Tilt-45 Tilting Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Flat-60 Low-Profile Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Flat-52 Low-Profile Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Flat-45 Low-Profile Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster Flat-32 Low-Profile Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster SW-24 Swivel Wall Mount');
selbox.options[selbox.options.length] = new Option('MountMaster CP-3025 Ceiling Mount');
}
if (chosen == "Digital Cables") {
selbox.options[selbox.options.length] = new Option('--Please choose a model--');
selbox.options[selbox.options.length] = new Option('USB 2.0');
selbox.options[selbox.options.length] = new Option('FireWire/1394');
selbox.options[selbox.options.length] = new Option('FireWire800/1394b');
selbox.options[selbox.options.length] = new Option('Made for Sansa');
selbox.options[selbox.options.length] = new Option('ioAccessories: USB 2.0/FireWire/Network');
}
The HTML for that code:
Code:
<tr>
<td><font color="red">*</font>Product Category:<br /> </td>
<td ><select name="optone" size="1"
onchange="setOptions(document.rmavalidation.optone.options[document.rmavalidation.optone.selectedIndex].value);" required>
<option>--Please choose a category--</option>
<option value="Made for Sansa(TM)">Made for Sansa<font size="-1">TM</font></option>
<option value="Earphones & Headsets">Earphones & Headsets</option>
<option value="FM Transmitters">FM Transmitters</option>
<option value="Digital Cables">Digital Cables</option>
<option value="MountMaster TV Mounts">MountMaster TV Mounts</option>
</select><br /><br /></td></tr>
<tr><td><font color="red">*</font>Product Model:<br /></td><td>
<select name="opttwo" size="1" required>
<option value>--Please Choose a Model--</option>
</select> <br /><br />
</td>
</tr>
Then on the Validation page HTML:
Code:
<tr>
<td class='inputverify'>Product Category:</td>
<td> <br />
<select name="optone" size="1">
<option value='<?PHP echo($optone)?>'><?PHP echo($optone) ?></option>
<option value="Made for Sansa">Made for Sansa</option>
<option value="Earphones $ Headsets">Earphones & Headsets</option>
<option value="FM Transmitters">FM Transmitters</option>
<option value="Digital Cables">Digital Cables</option>
<option value="MountMaster TV Mounts">MountMaster TV Mounts</option>
</select>
<?PHP if (!$optone)
echo "<font face=arial size=2 color=red> Product Category is Required. Please go <a class=type1 href=rmareq.html onClick=history.go(-1)>Back</a> and fill it in.</font>";?>
<br />
<br /></td>
</tr>
<tr>
<td class='inputverify'>Product Model:</td>
<td> <br />
<select name="opttwo" size="1">
<option value='<?PHP echo($opttwo)?>'><?PHP echo($opttwo)?></option>
</select>
<?PHP if (!$opttwo)
echo "<font face=arial size=2 color=red> Product is Required. Please go <a class=type1 href=rmareq.html onClick=history.go(-1)>Back</a> and fill it in.</font>";?>
<br />
<br /> </td>
</tr>
The Javascript is the same as the first page.
Thank you for taking a look!