【便捷插件】地域選擇插件Region

基本功能

Region插件主要用於地域選擇使用,能夠同時多個地區添加html

插件由來

因爲項目功能須要,須要有一個可以多選國內市區功能的插件,經過在網上的查找,找到了百度的ESUI組件庫前端

ESUI is a Collection of JavaScript Controls.

可是因爲ESUI內容包含普遍,並且內部依賴很是之多(應該這套內容是百度前端「生態」中的一部分,可是維護來看截止13年就不在更新了)因此在ESUI的基礎上面,將地域選擇的功能進行了摘取。從而,有了此獨立功能插件。jquery

因爲目前的項目須要,因此只是摘取了多選功能部分,其餘部分功能暫時沒有進行完善。
後續會盡量的不斷完善。git

使用說明

Demogithub

效果示意圖

HTML:數組

<div id="region_test" class="ui-ctrl ui-region"></div>

Javascript:數據結構

<script>
    $(function () {
        var options = {
            main: "#region_test",
            value: '268,25,10,778'
        }
        var region = new Region(options);
    })
</script>

依賴:ui

- jquery.js
  - underscore.js

接口方法:spa

- getRawValue 獲取選擇區域的數組值

數據結構:插件

請參照

數據結構

更多詳情請參照如下地址

相關文章
相關標籤/搜索