SharP' Unfinished Symphony.

<SCRIPT LANGUAGE="Javascript">
function change(a1)
{           
 if (a1 == 1 ){  
  document.bub01.a2.options.length=0
        document.bub01.a2.options[0]=new Option("Test")
        document.bub01.a2.options[0].value="1"
        document.bub01.a2.options[1]=new Option("Quiz")
        document.bub01.a2.options[1].value="2"
        document.bub01.a2.options[2]=new Option("Project")
        document.bub01.a2.options[2].value="3"
        document.bub01.a2.options[3]=new Option("Homework")
        document.bub01.a2.options[3].value="4"
        document.bub01.a2.options[4]=new Option("Event")
        document.bub01.a2.options[4].value="5"
        document.bub01.a2.options[5]=new Option("Others")
        document.bub01.a2.options[5].value="6"
 }
 if (a1 == 2 ){
  document.bub01.a2.options.length=0
        document.bub01.a2.options[0]=new Option("English")
        document.bub01.a2.options[0].value="1"
        document.bub01.a2.options[1]=new Option("Math")
        document.bub01.a2.options[1].value="2"
        document.bub01.a2.options[2]=new Option("Science")
        document.bub01.a2.options[2].value="3"
        document.bub01.a2.options[3]=new Option("Intensive")
        document.bub01.a2.options[3].value="4"
        document.bub01.a2.options[4]=new Option("Others")
        document.bub01.a2.options[4].value="5"
 }
 if (a1 == 3 ){
  document.bub01.a2.options.length=0
        document.bub01.a2.options[0]=new Option("In-depth reading")
        document.bub01.a2.options[0].value="1"
        document.bub01.a2.options[1]=new Option("Leisure reading")
        document.bub01.a2.options[1].value="2"
        document.bub01.a2.options[2]=new Option("Others")
        document.bub01.a2.options[2].value="3"

 }
 if (a1 == 4 ){
  document.bub01.a2.options.length=0
        document.bub01.a2.options[0]=new Option("Field Trip")
        document.bub01.a2.options[0].value="1"
        document.bub01.a2.options[1]=new Option("School event")
        document.bub01.a2.options[1].value="2"
        document.bub01.a2.options[2]=new Option("New era envet")
        document.bub01.a2.options[2].value="3"
        document.bub01.a2.options[3]=new Option("Contest")
        document.bub01.a2.options[3].value="4"
        document.bub01.a2.options[4]=new Option("Other test")
        document.bub01.a2.options[4].value="5"
        document.bub01.a2.options[5]=new Option("Birth day")
        document.bub01.a2.options[5].value="6"
        document.bub01.a2.options[6]=new Option("After school activities")
        document.bub01.a2.options[6].value="7"
        document.bub01.a2.options[7]=new Option("Others")
        document.bub01.a2.options[7].value="8"
 }

}
</script>

<form name=bub01>
<select name="a1" onchange="change(this.value)">
 <option value=""> Class
 <option value=1> School
 <option value=2> Tutoring
 <option value=3> Reading
 <option value=4> Activity
 <option value=5> Others
</select>

<select name="a2">
 <option value="">Sub class
</select>
</form>