聯動菜單，城市多級選擇

時間 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>

相關標籤/搜索