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