二级级联菜单。。。


<html>
<head><title>041501</title>
</head>
<script>
var aProvince=new Array('四川','湖南','贵州','河北','山东','福建','广东');
var aCity=new Array(
    new Array('内江','成都','自贡','南充','宜宾','乐山','温江'),
    new Array('长沙','韶山','冲'),
    new Array('贵州','贵阳','其他'),
    new Array('河北1','河北2','河北3'),
    new Array('山东2','山东1','山东3'),
    new Array('福州','厦门','海口'),
    new Array('广州','东莞','汕头')
);function $(obj) {return document.getElementById(obj);}//简化方法function defaultLoad(){
    var oProvince=$("province");
    var oCity=$("city");
    
    loadProvince(oProvince);
    loadCity(oCity,0);
}function loadProvince(oProvince) {
    for(var i=0; i<aProvince.length; i++){
        if(!n_Option)
            var n_Option=document.createElement('option');
        n_Option.value=i;
        n_Option.text=aProvince[i];
        oProvince.options.add(n_Option);
        n_Option=null;
    }}function loadCity(oCity,index) {
    for(var i=0; i< aCity[index].length; i++) {
        if(!n_Option)
            var n_Option=document.createElement('option');
        n_Option.value=i;
        n_Option.text=aCity[index][i];//二维数组运用
        oCity.options.add(n_Option);//添加option
        n_Option=null;    
    }}window.onload=function(){defaultLoad();
$("province").onchange=changeProvince;};
function changeProvince(){
    var iProvince=$("province").selectedIndex;
    var oCity=$("city");
    oCity.options.length=0;//清空很重要
    loadCity(oCity,iProvince);}</script>省份：<select id='province'></select>
城市：<select id='city'></select><br/>
</body>
</html>