地區三級聯動最新版,資料最全

來源:互聯網
上載者:User

地區資料總共:4094條,全國都全

源碼:http://download.csdn.net/download/u010402518/6908719

介面:


常用的方法都提供了,大家可根據需要去適當的修改源碼,源碼沒有加密和壓縮。

源碼中有example,採用的是Jquery來作為對象選取器。

用的時候都是需要new對象,沒有擴充Jquery

有個屬性:basePath 可以不寫,寫了的話就會自動在這個路徑下面去尋找地區資料

簡單的例子:

頭部引入:

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>   <script type="text/javascript" src="region.js"></script><script type="text/javascript" src="tdist_py.js"></script>

1、傳入容器,自動添加3個選擇框

$(function(){   region.ready({   basePath:'${pageContext.request.contextPath}/jslib',   labels:['省份','市','縣或區'],   //表單同步提交欄位   field:{   name:'address',   split:',',   value:'name'   },   values:[330000,330100,330106],//設定預設值   elem:'#dd',      //事件   onProv:function(target,value){   //alert(target+" - "+value);   }   });
2、第二個
//執行個體化第二個對象   new Region().ready({   basePath:'${pageContext.request.contextPath}/jslib',   elem:'#aa',   //事件   onProv:function(target,value){   //alert(target+" - "+value);   }   });
3、指定select

new Region().ready({   basePath:'${pageContext.request.contextPath}/jslib',   elems:{   prov:'#prov',   city:'#city',   area:'#area'   },   field:{   name:'address',   split:',',//分割標記   value:'name'   }   });
其中 elems 可以不全寫,可以寫一個,或者2個~

隨便寫幾個方法,其他的看源碼吧,懶得寫了:

setValues 數組,分別為省市區的預設值,例如[00,11,22]
getString 擷取選中的地址文本
getValues(any) 擷取值,返回字串

還有一個:通過value擷取地址文本

getAddress(11,22,33);//傳入id,返回地址串


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.