View Single Post
Old 02-06-2008, 01:03 PM   #3 (permalink)
CharlieWon
Junior Member
 
CharlieWon's Avatar
 
Join Date: 01-07-08
Posts: 8
iTrader: 0 / 0%
Latest Blog:
None

CharlieWon is liked by many
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 &amp; 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 &amp; 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>&nbsp; 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>&nbsp; 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!
__________________
Live as if your were to die tomorrow. Learn as if you were to live forever. - Gandhi
CharlieWon is offline   Reply With Quote