<script language="Javascript">

//define model arrays

var ford = new Array("Taurus","Ranger","Mustang")

var honda = new Array("Civic","Accord","Pilot")

var acura = new Array("RL","TL","TSX")

var toyota = new Array("Avalon","Corolla","Camry")

var mercedes = new Array("Cabriolet","C Class","C230")

var audi = new Array("A3","A4","TT")

var chrysler = new Array("Crossfire","300","Sebring")

//method used to populate dropdowns

function populateDD(thisDropDown) {

     yourSelection = thisDropDown.options[thisDropDown.selectedIndex].value
     
     var ChooseModel = Array();
     
     switch (yourSelection){
     case "Ford":
     ChooseModel = ford
     break;
     case "Honda":
     ChooseModel = honda
     break;
     case "Acura":
     ChooseModel = acura
     break;
     case "Toyota":
     ChooseModel = toyota
     break;
     case "Mercedes-Benz":
     ChooseModel = mercedes
     break;
     case "Audi":
     ChooseModel = audi
     break;
     case "Chrysler":
     ChooseModel = chrysler
     break;
}

     modelDropDown = document.thisForm.myModel
     
for(var i=modelDropDown.options.length-1;i>=0;i--){
     modelDropDown.remove(i);
}

for(var i=0; i < ChooseModel.length;++i){
var newopt = document.createElement("OPTION");
newopt.text = ChooseModel[i];
newopt.value = ChooseModel[i];
modelDropDown.options.add(newopt);
     }
     
}

</script>

<form name="thisForm" action="yourpage.xhtml" method="POST" >

<table border="1" style="border:collapse">
<tr>
     <td>Select Make:</td>
     <td>
<select name="myMake" onChange="populateDD(document.thisForm.myMake)">
<option value="Ford">Ford</option>
<option value="Honda">Honda</option>
<option value="Acura">Acura</option>
<option value="Toyota">Toyota</option>
<option value="Mercedes-Benz">Mercedes-Benz</option>
<option value="Audi">Audi</option>
<option value="Chrysler">Chrysler</option>
</select>
     </td>
</tr>
<tr>
<td>Select Model</td>
<td>
<select name="myModel">
<option value="Select Make">Find Your Vehicle Here</option>
</select>
</td>
</tr>
</table>

</form>