I need to change the categories so whomever takes over from me they will understand what the categories are (I like my categories to be accurately descriptive).
The program uses "category" and "subcategory". Need these to be change to "OHV Make" and "OHV Model".
I've tried various changes, but all of them break the javascript.
Code for the script:
Code: Select all
<script>
function dynamicdropdown(listindex)
{
document.getElementById("subcategory").length = 0;
switch (listindex)
{
case "CanAm" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("Commander","Commander");
document.getElementById("subcategory").options[2]=new Option("Defender","Defender");
document.getElementById("subcategory").options[3]=new Option("Maverick","Maverick");
document.getElementById("subcategory").options[4]=new Option("Outlander","Outlander");
document.getElementById("subcategory").options[5]=new Option("Renegade","Renegade");
document.getElementById("subcategory").options[6]=new Option("Other CanAm","Other CanAm");
break;
case "Honda" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("Foreman","Foreman");
document.getElementById("subcategory").options[2]=new Option("Pioneer","Pioneer");
document.getElementById("subcategory").options[3]=new Option("Rancher","Rancher");
document.getElementById("subcategory").options[4]=new Option("Recon","Recon");
document.getElementById("subcategory").options[5]=new Option("Rincon","Rincon");
document.getElementById("subcategory").options[6]=new Option("Rubicon","Rubicon");
document.getElementById("subcategory").options[7]=new Option("Talon","Talon");
document.getElementById("subcategory").options[8]=new Option("TRX","TRX");
document.getElementById("subcategory").options[9]=new Option("Other Honda","Other Honda");
break;
case "Polaris" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("Ace","Ace");
document.getElementById("subcategory").options[2]=new Option("General","General");
document.getElementById("subcategory").options[3]=new Option("Ranger","Ranger");
document.getElementById("subcategory").options[4]=new Option("RZR","RZR");
document.getElementById("subcategory").options[5]=new Option("Sportsman","Sportsman");
document.getElementById("subcategory").options[5]=new Option("Other Polaris","Other Polaris");
break;
case "Suzuki" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("KingQuad","KingQuad");
document.getElementById("subcategory").options[2]=new Option("Other Suzuki","Other Suzuki");
break;
case "Yamaha" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("Grizzly","Grizzly");
document.getElementById("subcategory").options[2]=new Option("Kodiak","Kodiak");
document.getElementById("subcategory").options[3]=new Option("Raptor","Raptor");
document.getElementById("subcategory").options[4]=new Option("Viking","Viking");
document.getElementById("subcategory").options[5]=new Option("Wolverine","Wolverine");
document.getElementById("subcategory").options[6]=new Option("YZR","YZR");
document.getElementById("subcategory").options[7]=new Option("Other Yamaha","Other Yamaha");
break;
case "Other" :
document.getElementById("subcategory").options[0]=new Option("Select OHV model","");
document.getElementById("subcategory").options[1]=new Option("Other OHV Model","Other OHV Model");
break;
}
return true;
}
</script>
Code: Select all
<table>
<tr>
<td>
<section class="category_div" id="category_div">
<select name="category" class="required-entry" id="category" onchange="javascript: dynamicdropdown(this.options[this.selectedIndex].value);">
<option value="" selected>Select OHV Make</option>
<option value="CanAm">CanAm</option>
<option value="Honda">Honda</option>
<option value="Polaris">Polaris</option>
<option value="Suzuki">Suzuki</option>
<option value="Yamaha">Yamaha</option>
<option value="Other">Other</option>
</select>
<script>
document.write('<select name="subcategory" id="subcategory"><option value="">Select OHV Model</option></select>')
</script>
</section>
</td>
</tr>
</table>