my onchange isn't firing the javascript method properly.

Select code (in HTML file)

<select id=crit_1 onchange=crit1Update()>

    <option value=null>Criteria 1</option>

 <option value=major>Major</option>

 <option value=grad>Graduation Year</option>

</select>

crit1Update() code (in external filter.js file in same folder as HTML file containing the above with the following code in head of HTML

<script type=text/javascript src=filter.js>

</script>



function crit1Update() {

 var crit1 = document.criteria.getElementsByID(crit1);

 var criteria1 = crit1.options[crit1.selectedIndex].value;

 alert(criteria1); // this is never firing, so this isnt getting called

 if (criteria1 == null) {

  // eventually set all other lists to null in here as well

  filter(null,null,null,null,null,null)

            // the above returns all the resumes 

            // (this is eventually going to filter resumes)

 }

 else if (criteria1 == major) {

  alert(Major!);

 }

}

Are there any glaring or not glaring errors that I am missing? I dont see why the alert(criteria1 isnt being called. I come from a java background and this is my first foray into JS, so I may be missing something simple.

Thanks for any help.