JScript實現(xiàn)地址選擇功能
更新時間：2017年08月15日 08:54:53 作者：顧白的顧小白
這篇文章主要為大家詳細介紹了JScript實現(xiàn)地址選擇功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了JScript實現(xiàn)地址選擇功能的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var shenArr = new Array(5);
shenArr["廣東"] = ["廣州","深圳","韶關","汕頭","茂名"];
shenArr["湖南"] = ["長沙","張家界","株洲","岳陽","吉首"];
shenArr["湖北"] = ["武漢","宜昌","荊州","黃岡","仙桃"];
shenArr["安徽"] = ["合肥","黃山"];
shenArr["河南"] = ["鄭州","開封","洛陽","信陽"];
function getShen(){
var s = document.getElementById("shen");
for(var v in shenArr){
//把數(shù)組鍵加入到省的下拉框
s.add(new Option(v,v),null);
}
}
function getCity(){
var s = document.getElementById("shen");
var c = document.getElementById("city");
var v = s.value;//省份的名稱，也是數(shù)組中的鍵
c.options.length = 0;//把城市下拉框中的項清除
//循環(huán)把某一個省的城市加入到市的下拉框
for(var i in shenArr[v] ){
c.add(new Option(shenArr[v][i],shenArr[v][i]),null);
}
}
</script>
</head>
<body onload="getShen()">
省:<select id="shen" onchange="getCity()">
<option value="0">--請選擇--</option>
</select>
市:<select id="city"></select>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
本文將利用微信小程序制作一個簡易的圖片處理小工具（自制低配版美圖秀秀），有濾鏡、效果圖和動態(tài)濾鏡三個功能，快跟隨小編一起學習學習吧2022-06-06
ionic中的$ionicPlatform.ready事件中的通用設置
$ionicPlatform.ready事件是用于檢測當前的平臺是否就緒的事件，相當于基于document的deviceready事件, 在app中一些通用關于設備的設置必須在這個事件中處理2017-06-06
javascript之通用簡單的table選項卡實現(xiàn)(二)
上篇中的選項卡存在這樣的問題：把邏輯封裝在table.js中，不夠靈活，也就是說如果某個選項卡是實現(xiàn)異步請求或者跳轉(zhuǎn)，而非div的顯隱切換，那么就得修過table.js來達到目的，顯然不是我所需要的。2010-05-05
本篇文章給大家分享了用嘴簡單的JS代碼來實現(xiàn)經(jīng)典貪吃蛇游戲的全部內(nèi)容，有興趣的朋友參考學習下。2018-01-01
js中的this關鍵字平時在開發(fā)中使用時倒是也能正常應用,但是對其使用和判斷并不能信手拈來,所以下面這篇文章主要給大家介紹了關于js中this關鍵字的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
underscore之function_動力節(jié)點Java學院整理
因為underscore本來就是為了充分發(fā)揮JavaScript的函數(shù)式編程特性，所以也提供了大量JavaScript本身沒有的高階函數(shù)。本文重點給大家介紹underscore之function知識，感興趣的的朋友一起學習吧2017-07-07
首先說明JS的特點。JS是弱類型的語言，像什么模板多態(tài)、又是類又是結(jié)構(gòu)的說法，就完全不存在。2011-07-07
在微信小程序開發(fā)時,經(jīng)常要用到一個控件會根據(jù)不同的情況和環(huán)境動態(tài)顯示與隱藏這種情況,下面這篇文章主要給大家介紹了關于微信小程序控制view隱藏顯示的5種方法,需要的朋友可以參考下2022-04-04
今天小編就為大家分享一篇解決layui 復選框等內(nèi)置控件不顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
在我們js編寫程序的時候，我們會寫很多函數(shù)然后調(diào)用它們，那么這些函數(shù)調(diào)用的時候什么時候加()什么時候不加()呢？下面小編給大家簡單介紹下2016-07-07