Jquery Citys是一個基于jQuery開發的城市選擇器插件,可以快速方便的創建省市聯動選擇器,適用于各種網站和移動端應用。代碼簡單易用,功能完整,可以滿足各種需求。
//HTML代碼 <div id="citys"></div> //Javascript代碼 $(function(){ $("#citys").citys({ url: "citys.json",//城市數據文件位置 affects:["#province","#city","#district"]//受影響的控件id }); });
使用Jquery Citys,只需在HTML文件中添加一個空的div標簽,并通過jQuery選擇器綁定id屬性,然后在JavaScript代碼中調用citys()方法即可創建省市聯動選擇器。其中,可以通過傳遞參數的方式進行配置,具體的參數如下:
{ url: "",//城市數據文件位置 province: "",//省份默認選中值 city: "",//城市默認選中值 district: "",//區縣默認選中值 affects: [],//受影響的控件id onProvinceChange: null,//省份改變回調函數 onCityChange: null,//城市改變回調函數 onDistrictChange: null,//區縣改變回調函數 }
需要注意的是,Jquery Citys需要提供城市數據文件,數據文件可以采用JSON格式編寫,其中包含省市的層級結構和相應的編碼、名稱等信息,示例如下:
[ { "id": "110000", "name": "北京市", "child": [ { "id": "110100", "name": "北京市區", "child": [ { "id": "110101", "name": "東城區" }, { "id": "110102", "name": "西城區" } ] } ] }, ... ]
總之,Jquery Citys是一個非常實用的城市選擇器插件,可以大大節省開發時間,提高項目效率,是值得推薦的jQuery插件之一。
下一篇mysql一直安不上