lArea v1.0移動端城市選擇控件

純原生js的移動端城市選擇插件，不依賴任何庫

用法

在html頁面中引入input標簽，寫法如下：

...
<input id="demo1" type="text" readonly="" name="input_area" placeholder="城市選擇特效"/>
...

將樣式文件引入到頁面中：

...
 <link rel="stylesheet" href="css/common/lArea.css">
...

同時引入js文件到頁面中：

...
<script src="lArea.js"></script>
...

初始化插件：

...
var area = new lArea();
area.init({
    'trigger': '#demo1',//控件ID
    'data':lAreaData//數組格式數據源，可擴展為自定義數據源
});
...

自定義數據源結構參考：

var lAreaData = [{
         "id": "2",
         "name": "一級",
         "child": [{
              "id": "21",
              "name": "二級1",
              "child": [{
                  "id": "211",
                  "name": "三級1"
             }, {
                 "id": "212",
                 "name": "三級2"
             }, {
                 "id": "213",
                 "name": "三級3"
             }]
         }, {
             "id": "22",
             "name": "二級2"
         }, {
             "id": "23",
             "name": "二級3"
         }]
     }];

調用起來非常簡單，代碼我后續會持續優化，如果喜歡希望賞顆星哦。

項目地址： https://github.com/xfhxbb/lArea