#JS 中國省市選擇插件
阿新 • • 發佈:2018-09-20
width pro 拷貝 com 案例 height query jquery api
中國省市選擇插件 ChineseCities
1.原生JS,不依賴jquery,zepto
2.前端學習交流群:739574382
下載地址
https://github.com/chaorenzeng/ChineseCities
快速使用
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); }//選擇後的回調函數 });
API文檔
參數名 | 默認值 | 說明 |
province | null | 省份下拉框ID |
city | null | 城市下拉框ID |
hasSelect | function(data){...} | 選擇後的回調,返回數據{‘province‘:‘省份名‘,‘city‘:‘城市名‘} |
案例展示
#JS 中國省市選擇插件