中國省市選擇插件 ChineseCities
1.原生JS,不依賴jquery,zepto
2.前端學習交流群:814798690
源碼查看 點擊下載
快速使用
1.引用 ChineseCities.min.js
2.拷貝以下布局結構
<select id="province"> <option value="請選擇城市">請選擇省份</option> </select> <select id="city"> <option value="請選擇城市">請選擇城市</option> </select>
3.創建ChineseCities對象:
var chineseCities = new ChineseCities({ 'province':'province', //省份ID 'city':'city', //城市ID 'hasSelect': function(data){ console.log(data); }//選擇后的回調函數 });
可選參數
參數名 | 默認值 | 說明 |
province | null | 省份下拉框ID |
city | null | 城市下拉框ID |
hasSelect | function(data){...} | 選擇后的回調,返回數據{'province':'省份名','city':'城市名'} |