1. 程式人生 > >#JS 中國省市選擇插件

#JS 中國省市選擇插件

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 中國省市選擇插件