html js级联菜单,js 级联菜单

js 级联菜单

#Select2 {

width: 120px;

}

#Select1 {

width: 100px;

}

var arr = new Array([ "河南省", "1", "开封市", "南阳市", "安阳市", "郑州市" ], [ "山东省",

"2", "济南市", "日照市", "潍坊市", "菏泽市" ],

[ "广东省", "3", "广州市", "珠海市", "深圳" ], [ "吉林省", "4", "大连市", "沈阳市",

"哈尔滨市", "冰城" ]);

function shengshi() {

for ( var i = 0; i < arr.length; i++) {

document.getElementById("Select2").options.add(new Option(

arr[i][0], arr[i][1]))

}

;

}

function getCity() {

document.getElementById("Select1").options.length = 1;

var k = document.getElementById("Select2").value - 1;

for ( var j = 2; j < arr[k].length; j++) {

document.getElementById("Select1").options.add(new Option(

arr[k][j], arr[k][j]))

}

}

所在省：

所在市：