JScript實現(xiàn)地址選擇功能
更新時間：2017年08月15日 08:54:53 作者：顧白的顧小白
這篇文章主要為大家詳細(xì)介紹了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["廣東"] = ["廣州","深圳","韶關(guān)","汕頭","茂名"];
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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JS中Select下拉列表類(支持輸入模糊查詢)功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
微信小程序可以通過直接寫 data-index="1" 進(jìn)行數(shù)據(jù)的綁定 ,利用 bindtap 點擊事件執(zhí)行函數(shù)從而獲取到參數(shù)信息,本文給大家介紹微信小程序通過點擊事件傳參(data-)的操作,感興趣的朋友一起看看吧2023-12-12
如何讓easyui gridview 寬度自適應(yīng)窗口改變及fitColumns應(yīng)用
在使用Easyui GridView時，如果要Gridview的寬度和窗口的寬度相同，只需要設(shè)置fitColumns: true即可,感興趣的你不要走開啊，接下來為您詳細(xì)介紹2013-01-01
這篇文章主要展示了js仿黑客帝國字母掉落效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
JavaScript中null和undefined的區(qū)別詳解
null 是一個原始值,表示“無”或“空值”,它通常用于指示變量應(yīng)有的對象或值不存在,undefined 是一個原始值,表示“未定義”,本文給大家詳細(xì)介紹了JavaScript中null和undefined的區(qū)別,需要的朋友可以參考下2024-10-10
使用JavaScript實現(xiàn)一個簡單的哈希映射功能
哈希表大家應(yīng)該都經(jīng)常用到吧,那么大家有沒有想過哈希表是怎么實現(xiàn)的呢,本文我們就來從一道簡單的題目來了解一下哈希表的簡單原理和實現(xiàn)吧2024-02-02
這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
今天小編就為大家分享一篇對layui中表單元素的使用詳解。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JS實現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
這篇文章主要介紹了JS實現(xiàn)表格數(shù)據(jù)各種搜索功能的方法,可實現(xiàn)忽略大小寫,模糊搜索,多關(guān)鍵搜索等功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
js正則表達(dá)式中test,exec,match方法的區(qū)別說明
本篇文章主要是對js正則表達(dá)式中test,exec,match方法的區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01