【便捷插件】地域选择插件Region

基本功能

Region插件主要用于地域选择使用,可以同时多个地区添加

插件由来

由于项目功能需要,需要有一个能够多选国内市区功能的插件,通过在网上的查找,找到了百度的ESUI组件库

ESUI is a Collection of JavaScript Controls.

但是由于ESUI内容包含广泛,而且内部依赖非常之多(应该这套内容是百度前端“生态”中的一部分,但是维护来看截止13年就不在更新了)所以在ESUI的基础上面,将地域选择的功能进行了摘取。从而,有了此独立功能插件。

由于目前的项目需要,所以只是摘取了多选功能部分,其他部分功能暂时没有进行完善。
后续会尽可能的不断完善。

使用说明

Demo

效果示意图

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>

依赖:

  - jquery.js
  - underscore.js

接口方法:

  - getRawValue 获取选择区域的数组值

数据结构:

请参照

数据结构

更多详情请参照以下地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端荣耀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值