JS實(shí)現(xiàn)的省份級(jí)聯(lián)實(shí)例代碼
這是從本人以前博客帶過(guò)來(lái)的，感覺(jué)這個(gè)還蠻實(shí)用，代碼分享下：
province.html:
<html>
<head>
<title>省份與省市級(jí)聯(lián)</title>
</head>
<script language="javascript" src="province.js" type="text/javascript" charset="gb2312"></script>
</script>
<body onload='getProvince()'>
<div id='province'><select><option>省份</option></select></div>
<div id='city'><select><option>城市</option></select></div>
</boydy>
</html>
province.js:
function getRegion()
{
document.getElementById("city").innerHTML="";
var provinces=document.getElementById("provinces");
var prov=provinces[provinces.selectedIndex].value;
var str="<select>";
for(var i=0;i<city[prov].length;i++)
{
str=str+"<option>"+city[prov][i]+"</option>";
}
str=str+"</select>";
document.getElementById("city").innerHTML=str;
}
function getProvince()
{ var strs="<select onchange='getRegion()' id='provinces'><option></option>";
for(var i=0;i<=33;i++)
{
strs=strs+"<option value="+i+">"+city[i][0]+"</option>";
}
strs=strs+"</select>";
document.getElementById('province').innerHTML=strs;
}
[/code]
相關(guān)文章
微信小程序使用wx.chooseLocation開(kāi)發(fā)地圖怎么做
這篇文章主要介紹了微信小程序使用wx.chooseLocation開(kāi)發(fā)地圖流程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-12-12
這篇文章主要為大家詳細(xì)介紹了JS設(shè)計(jì)模式之單例模式的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
下面小編就為大家?guī)?lái)一篇js捕捉鍵盤(pán)事件和按鍵鍵值的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
移動(dòng)設(shè)備手勢(shì)事件庫(kù)Touch.js使用詳解
這篇文章主要介紹了移動(dòng)設(shè)備手勢(shì)事件庫(kù)Touch.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript markdown 編輯器實(shí)現(xiàn)雙屏同步滾動(dòng)
這篇文章主要介紹了JavaScript markdown 編輯器實(shí)現(xiàn)雙屏同步滾動(dòng)，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析
這篇文章主要介紹了JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了js如何獲取type=radio值,需要的朋友可以參考下2014-05-05
Echarts柱狀圖修改柱子顏色漸變及柱子圓角效果實(shí)例
在ECharts中,可以通過(guò)修改series.itemStyle.normal屬性來(lái)定制柱狀圖的柱子樣式,包括圓角和背景色漸變,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這是我總結(jié)多年的一個(gè)小文檔，最近看見(jiàn)有人咨詢?yōu)g覽器兼容的問(wèn)題，就貢獻(xiàn)出來(lái)。2010-05-05
layui實(shí)現(xiàn)tab的添加拒絕重復(fù)的方法
今天小編就為大家分享一篇layui實(shí)現(xiàn)tab的添加拒絕重復(fù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09