//touchless javascript (no event handlers in html) window.onload = doMetros; var formId; var metroObj; function doMetros() { formId = document.getElementById("catalog"); formId.reset(); metroObj = document.getElementById("metro").style; formId.custom1.onchange = showMetros; //set behavior for state menu } function showMetros() { metroObj.display = "none"; //hide metro menu formId.custom2.options.length = 0; //clear metro menu var stateVal = formId.custom1[formId.custom1.selectedIndex].value; //the state selected if (!metroAreas[stateVal]) { //if state doesn't have metro areas... return false; //don't write and show metro menu } for (var i=0; i