制作网页的新手 请教 入门 问题 有关 两级select的 联动 会的请指导下 谢谢

我是  新手    想做个两级select联动    在网上找了些 源代码 但看不明白     大家指导下   或者 给些 关于javascript的入门资料网站  谢谢 大家 
<script type="text/javascript">
DOMhelp = {
addEvent:function(elem, evType, fn, useCapture){
if(elem.attachEvent){
var r = elem.attachEvent("on"+ evType, fn);
return r;
}else if(elem.addEventListener){
elem.addEventListener(evType,fn, useCapture);
return true;
}else{
elem["on"+evType] = fn;
}
}
}
</script><script type="text/javascript">
selected = {
arrayHB0 : ["秦皇岛","唐山","邯郸","衡水","保定"],
arrayHLJ1 : ["哈尔滨","佳木斯","齐齐哈尔","大庆","黑河","鹤岗"],
arrayLN2 :["大连","葫芦岛"],
init:function(){
if(!document.getElementById || !document.createTextNode){return;};
var province = document.getElementById("province");
if(!province){return;};
province.options[0].selected = true;
DOMhelp.addEvent(province, "change", selected.selectArray, false);
},
selectArray:function(){
var province = document.getElementById("province");
var choice = province.selectedIndex;
switch(choice){
case 0 :selected.changeArray(selected.arrayHB0);
break;
case 1: selected.changeArray(selected.arrayHLJ1);
break;
case 2 :selected.changeArray(selected.arrayLN2);
break;
}
},
changeArray:function(array){
var city = document.getElementById("city");
var OL = city.options.length;
var AL = array.length;
if(OL > AL){
for(var i = 0; i < AL; i++){
city.options[i].text = array[i];
city.options[i].value = array[i];
}
var Length = OL - AL;
for(var i = 0; i < Length; i++){
city.options[array.length] = null;
}
}else{
for(var i =0; i < OL; i++){
city.options[i].text = array[i];
city.options[i].value = array[i];
}
var Length = AL - OL;
while(OL < AL){
var extraOption = new Option(array[OL], array[OL],0, 0);
city.options[OL] = extraOption;
OL++;
}
}
city.options[0].selected = true;
}
}
DOMhelp.addEvent(window, "load", selected.init, false);
</script>