How to create a select list based on options from another select list

[Ashley Smith]

<form name='aForm'>
Category:

<select name='category'onchange="additems()">
<option value='None'>None selected yet
<option value='Toy'>Toy
<option value='City'>City
<option value='Major'>Major
</select>


Your Selection:

<select name='myChoice'>

</select>
</form>

<input type='button' value='Submit' onclick='send()'>

<script>
function additems(){
var=document.aForm.category.selectedIndex;
if(var=='None'){
document.aForm.mychocie.options[0]=new option("None selected yet","None selected yet")
};
if(var=='Toy'){
document.aForm.myChoice.options[0]=new option("Bicycle","Bicycle")
document.aForm.myChoice.options[1]=new option("Jump Rope","Jump Rope")
document.aForm.myChoice.options[2]=new option("Frisbee","Frisbee")
doucment.aForm.myChoice.options[3]=new option("Doll","Doll")
};
if(var=='City'){
document.aForm.myChoice.options[0]=new option("Akron","Akron")
document.aForm.myChoice.options[1]=new option("Santa Fe","Santa Fe")
document.aForm.myChoice.options[2]=new option("Portland","Portland")
document.aForm.myChoice.options[3]=new option("Atlantic City","Atlantic City")
};
if(var=='Major'){
document.aForm.myChoice.options[0]=new option("Art","Art")
document.aForm.myChoice.options[1]=new option("Physics","Physics")
document.aForm.myChoice.options[2]=new option("Public Relations",Public Relations")
};




};
function send(){

};
</script>

[Patrick White]

First and foremost, this belongs in the Javascript/Ajax/DHTML section.
There are several things you may want to try:
First of all, the options in a select DOM aren't an array - if you want to change them, you'll have to remove them, then add the new ones.
You're missing some semicolons, and have some spelling errors (doucment, mychocie instead of myChoice).
Try reading up on the add() and remove() methods of the select DOM, and the examples:
http://www.w3schools.com/jsref/met_select_add.asp
http://www.w3schools.com/jsref/met_select_remove.asp