封裝好的省市地區(qū)聯(lián)動(dòng)控件附下載
更新時(shí)間:2007年08月13日 19:22:18 作者:
所有的地址數(shù)據(jù)都放在js文件里面,調(diào)用該控件的方法很簡(jiǎn)單:
<script type="text/javascript">
var area = new AreaCtrl("省份:","城市:","地區(qū):");
area.write();
</script>
AreaCtrl 類(lèi)最多有3個(gè)參數(shù),如上例的"省份","城市","地區(qū)",這里的文字是下拉框左邊的文字,如果只寫(xiě)1或2個(gè)參數(shù),那么控件也只輸出省份或省市聯(lián)動(dòng)。比如 new AreaCtrl("省份","城市"),那么只有2個(gè)下拉框,地址精確到城市。
area 有2個(gè)屬性,2個(gè)方法。
屬性:
name
定義控件名稱(chēng)。值必須是數(shù)組類(lèi)型,比如 ["Province","City","Area"],將會(huì)給3個(gè)下拉框定義其name屬性,分別為Province,City,Area。
value
初始化控件的默認(rèn)值。其值必須是地區(qū)編碼數(shù)字,比如廣東的編碼是 440000,深圳的編碼是440300
方法:
write
areaObject.write()
輸出控件。輸出的位置根據(jù)此語(yǔ)句的位置而定。
writeIn
areaObject.writeIn( node [ ,append ] )
輸出控件。輸出的位置指定節(jié)點(diǎn)而定,node可以是id號(hào),也可以是結(jié)構(gòu)節(jié)點(diǎn)。
append 為布爾類(lèi)型值,默認(rèn)為false。當(dāng)為true時(shí),控件將在指定的位置續(xù)寫(xiě)。
area.js
<script type="text/javascript">
var area = new AreaCtrl("省份:","城市:","地區(qū):");
area.write();
</script>
AreaCtrl 類(lèi)最多有3個(gè)參數(shù),如上例的"省份","城市","地區(qū)",這里的文字是下拉框左邊的文字,如果只寫(xiě)1或2個(gè)參數(shù),那么控件也只輸出省份或省市聯(lián)動(dòng)。比如 new AreaCtrl("省份","城市"),那么只有2個(gè)下拉框,地址精確到城市。
area 有2個(gè)屬性,2個(gè)方法。
屬性:
name
定義控件名稱(chēng)。值必須是數(shù)組類(lèi)型,比如 ["Province","City","Area"],將會(huì)給3個(gè)下拉框定義其name屬性,分別為Province,City,Area。
value
初始化控件的默認(rèn)值。其值必須是地區(qū)編碼數(shù)字,比如廣東的編碼是 440000,深圳的編碼是440300
方法:
write
areaObject.write()
輸出控件。輸出的位置根據(jù)此語(yǔ)句的位置而定。
writeIn
areaObject.writeIn( node [ ,append ] )
輸出控件。輸出的位置指定節(jié)點(diǎn)而定,node可以是id號(hào),也可以是結(jié)構(gòu)節(jié)點(diǎn)。
append 為布爾類(lèi)型值,默認(rèn)為false。當(dāng)為true時(shí),控件將在指定的位置續(xù)寫(xiě)。
area.js
您可能感興趣的文章:
- 身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載
- 仿51JOB的地區(qū)選擇效果(可選擇多個(gè)地區(qū))
- jquery的ajax從純真網(wǎng)(cz88.net)獲取IP地址對(duì)應(yīng)地區(qū)名
- Nginx geoip模塊實(shí)現(xiàn)地區(qū)性負(fù)載均衡
- 基于json的jquery地區(qū)聯(lián)動(dòng)效果代碼
- 中國(guó)地區(qū)三級(jí)聯(lián)動(dòng)下拉菜單效果分析
- 根據(jù)IP的地址,區(qū)分不同的地區(qū),查看不同的網(wǎng)站頁(yè)面的js代碼
- PHP根據(jù)IP判斷地區(qū)名信息的示例代碼
- .net采用ajax實(shí)現(xiàn)郵箱注冊(cè)和地區(qū)選擇實(shí)例
- 輕松實(shí)現(xiàn)Android仿淘寶地區(qū)選擇功能
相關(guān)文章
微信小程序授權(quán)登錄解決方案的代碼實(shí)例(含未通過(guò)授權(quán)解決方案)
這篇文章主要介紹了微信小程序授權(quán)登錄解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05JavaScript運(yùn)動(dòng)框架 解決速度正負(fù)取整問(wèn)題(一)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架的第一部分,解決速度正負(fù)取整問(wèn)題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05一步步教你利用Canvas對(duì)圖片進(jìn)行處理
這篇文章主要給大家介紹了關(guān)于利用Canvas對(duì)圖片進(jìn)行處理的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09javascript中setTimeout和setInterval的unref()和ref()用法示例
本文通過(guò)一個(gè)小例子想大家講解了setTimeout和setInterval的unref()和ref()用法和使用環(huán)境,代碼很簡(jiǎn)潔,有需要的小伙伴自己參考下吧。2014-11-11純JS代碼實(shí)現(xiàn)隔行變色鼠標(biāo)移入高亮
這篇文章主要介紹了純JS代碼實(shí)現(xiàn)隔行變色鼠標(biāo)移入高亮的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11