联动菜单，城市多级选择

时间 2019-11-24

标签联动菜单城市多级选择繁體版

原文原文链接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html

<html xmlns="http://www.w3.org/1999/xhtml">ui

<head>spa

<title>联动菜单</title>xml

</head>utf-8

<body>ci

<select name="" id="prov" onchange="ld()">get

<option value="-1">请选择</option>it

</select>

</body>

function ld(){

var l=document.getElementById('prov');

var opt='';

var arr=[["石家庄","唐山","秦皇岛"],["烟台","日照","济南"]];

for (var i = 0; i < arr[l.value].length; i++) {

// 注意拼接过程

opt=opt+'<option value="'+i+'">'+arr[l.value][i]+'</option>';

}

document.getElementById('city').innerHTML=opt;

}

</script>

</html>