JScript實(shí)現(xiàn)地址選擇功能
更新時(shí)間:2017年08月15日 08:54:53 作者:顧白的顧小白
這篇文章主要為大家詳細(xì)介紹了JScript實(shí)現(xiàn)地址選擇功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了JScript實(shí)現(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;//把城市下拉框中的項(xiàng)清除 //循環(huán)把某一個(gè)省的城市加入到市的下拉框 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">--請(qǐng)選擇--</option> </select> 市:<select id="city"></select> </body> </html>
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
ionic中的$ionicPlatform.ready事件中的通用設(shè)置
$ionicPlatform.ready事件是用于檢測當(dāng)前的平臺(tái)是否就緒的事件,相當(dāng)于基于document的deviceready事件, 在app中一些通用關(guān)于設(shè)備的設(shè)置必須在這個(gè)事件中處理2017-06-06javascript之通用簡單的table選項(xiàng)卡實(shí)現(xiàn)(二)
上篇中的選項(xiàng)卡存在這樣的問題:把邏輯封裝在table.js中,不夠靈活,也就是說如果某個(gè)選項(xiàng)卡是實(shí)現(xiàn)異步請(qǐng)求或者跳轉(zhuǎn),而非div的顯隱切換,那么就得修過table.js來達(dá)到目的,顯然不是我所需要的。2010-05-05underscore之function_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
因?yàn)閡nderscore本來就是為了充分發(fā)揮JavaScript的函數(shù)式編程特性,所以也提供了大量JavaScript本身沒有的高階函數(shù)。本文重點(diǎn)給大家介紹underscore之function知識(shí),感興趣的的朋友一起學(xué)習(xí)吧2017-07-07解決layui 復(fù)選框等內(nèi)置控件不顯示的問題
今天小編就為大家分享一篇解決layui 復(fù)選框等內(nèi)置控件不顯示的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08