用html制作级联菜单,级联菜单.html · zhangdanna/zhangdanna - Gitee.com



级联菜单

function selcity(){

var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"],

["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]];

var index = document.getElementById("selID").selectedIndex;

var subNode = document.getElementById("subID");

var citys = arr[index];

subNode.options.length = 0; //清空之前选项

for(var x=0;x

var optNode = document.createElement("option");

optNode.innerText = citys[x];

subNode.appendChild(optNode); //选择添加到子选项中

}

}

--选择省市--

北京

山东

湖南

广东

--选择城市--