歡迎來(lái)到奇迪科技(深圳)有限公司，超值服務(wù)提供卓越產(chǎn)品！
JS特效，JS實(shí)現省市聯(lián)動(dòng)演示_網(wǎng)絡(luò )編程_奇迪科技(深圳)有限公司(m.cheanjie.com)
JS特效，JS實(shí)現省市聯(lián)動(dòng)演示_網(wǎng)絡(luò )編程_奇迪科技(深圳)有限公司(m.cheanjie.com)
網(wǎng)站制作前端JS實(shí)現省市聯(lián)動(dòng)代碼演示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>省市級聯(lián)效果</title>
<script type="text/javascript">
function show() {
var citys = new Array();
citys["湖北省"] = ["襄樊市", "武漢市", "隨州市", "荊門(mén)市", "黃石市", "恩施市", "咸寧市", "仙桃市", "十堰市", "孝感市", "利川市"];
citys["湖南省"] = ["長(cháng)沙市", "吉首市", "湘潭市", "益陽(yáng)市", "津市市", "洪江市", "懷化市", "冷水江市", "衡陽(yáng)市", "郴州市", "永州市", "邵陽(yáng)市", "岳陽(yáng)市"];
citys["廣東省"] = ["廣州市", "深圳市", "佛山市", "汕頭市", "珠海市", "韶關(guān)市", "江門(mén)市", "湛江市", "惠州市", "中山市", "東莞市"];
citys["北京市"] = ["朝陽(yáng)區", "豐臺區", "崇文區", "宣武區", "海淀區", "順義區", "平谷區", "懷柔區", "房山區", "東城區", "西城區"];
document.getElementById("shi").options.length = 1;
var sheng = document.getElementById("sheng").value;
var newCity;
if (sheng != "-=請選擇=-") {
for (var i = 0; i < citys[sheng].length; i++) {
newCity = new Option(citys[sheng][i], citys[sheng][i]);
document.getElementById("shi").options.add(newCity);
}
}
}
</script>
</head>
<body>
<div>
<select id="sheng" onchange="show()">
<option value="-=請選擇=-">-=請選擇=-</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="廣東省">廣東省</option>
<option value="北京市">北京市</option>
</select>
<select id="shi">
<option>-=請選擇=-</option>
</select>
</div>
</body>
</html>本文版權所有，轉載須注明：來(lái)源 http://m.cheanjie.com/qvdv-oop-778.html