省レベルリンクメニュー、静的HTML
13757 ワード
<html>
<head>
<title> </title>
</head>
<body>
<script language="javascript">
/*
*/
var provinces={
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" "],
:[" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" "],
:[" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" ",
" "],
:[" "],
:[" "],
:[" "]};
//
function loadProvince()
{
//
var pro=document.getElementById("province");
//
for(var p in provinces)
{
// option
var opt=document.createElement("option");
// option
opt.innerText=p;
opt.value=p;
// option select (option select )
pro.appendChild(opt);
}
}
//
function loadCity()
{
//
var selectProvince=document.getElementById("province").value;
// (citys )
var citys=provinces[selectProvince];
//
var city=document.getElementById("city");
//
city.innerText="";
var opt=document.createElement("option");
opt.innerText="-- --";
opt.value="0";
city.appendChild(opt);
for(var index=0;index<citys.length;index++)
{
opt=document.createElement("option");
opt.innerText=citys[index];
opt.value=citys[index];
city.appendChild(opt);
}
}
//
window.onload=loadProvince;
</script>
<select id="province" onchange="loadCity();">
<option value="0">-- --</option>
</select>
<select id="city">
<option value="0">-- --</option>
</select>
</body>
</html>