js實(shí)現(xiàn)省市級(jí)聯(lián)效果分享
更新時(shí)間：2017年08月10日 11:05:25 作者：Fickle_actor
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)省市級(jí)聯(lián)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js實(shí)現(xiàn)省市級(jí)聯(lián)效果的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
var shengArr =new Array();
shengArr["廣東"]=["廣州","深圳","珠海","汕頭","韶關(guān)"] ;
shengArr["湖南"]=["長(zhǎng)沙","張家界","株洲","懷化","常德"] ;
shengArr["湖北"]=["武漢","荊州","宜昌","黃岡","仙桃"] ;
shengArr["安徽"]=["合肥","黃山"] ;
shengArr["河南"]=["鄭州","信陽(yáng)","洛陽(yáng)"] ;
function getSheng(){
var s =document.getElementById("sheng");
for(var v in shengArr){
s.add(new Option(v,v),null);
}
}
function getCity(){
var s =document.getElementById("sheng");
var c =document.getElementById("city");
var v=s.value;
c.options.length =0;
for(var i in shengArr[v]){
c.add(new Option(shengArr[v][i],shengArr[v][i]),null);
}
}
</script>
<!--頁(yè)面加載時(shí)獲取 省名-->
<body onload="getSheng()">
<!-- 改變省時(shí)匹配該省的城市名-->
省：<select id="sheng" onchange="getCity()">
<option>--請(qǐng)選擇</option>
</select>
市：<select id="city"></select>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js時(shí)間戳轉(zhuǎn)為日期格式的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
js簡(jiǎn)單實(shí)現(xiàn)刪除記錄時(shí)的提示效果
刪除記錄時(shí)的提示效果，挺人性化的，實(shí)現(xiàn)的方法有很多，在本文為大家介紹下使用js是如何實(shí)現(xiàn)的2013-12-12
本篇文章主要介紹了babel之配置文件.babelrc入門詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-02-02
本篇文章主要介紹了ionic2懶加載配置詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
React?diff算法面試考點(diǎn)超詳細(xì)講解
渲染真實(shí)DOM的開銷很大，有時(shí)候我們修改了某個(gè)數(shù)據(jù)，直接渲染到真實(shí)dom上會(huì)引起整個(gè)dom樹的重繪和重排。我們希望只更新我們修改的那一小塊dom，而不是整個(gè)dom，diff算法就幫我們實(shí)現(xiàn)了這點(diǎn)。diff算法的本質(zhì)就是：找出兩個(gè)對(duì)象之間的差異，目的是盡可能做到節(jié)點(diǎn)復(fù)用2022-12-12
淺析Javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制
這篇文章給大家詳細(xì)介紹了javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-10-10
今天讓我們站在語(yǔ)言的高度來看一下Javascript都有點(diǎn)什么。因?yàn)槭侨中缘母╊?，所以不針?duì)細(xì)節(jié)作詳細(xì)的講解。2010-10-10
js手動(dòng)播放圖片實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了js手動(dòng)播放圖片實(shí)現(xiàn)圖片輪播效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
在IE7、IE8中，使用JavaScript提供的close()方法都可以關(guān)閉當(dāng)前窗口或標(biāo)簽，但都提示討厭的對(duì)話框，找了下代碼，終于可以無提示直接關(guān)閉了。2009-08-08
這篇文章主要為大家介紹了GoJs連線繪圖模板Link使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04