建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS省市县联动筛选器iPicker

来源:易助科技网浏览量:6收藏

简介


iPicker是一个轻量级的地区选择组件,可以简单快速的对 “省市区” 进行选择。专门针对桌面端的现代高级浏览器,无任何第三方依赖完全使用原生 JS开发。


使用

1.  引入文件


<script src="https://unpkg.com/new-ipicker"></script>
<script src="https://cdn.jsdelivr.net/npm/new-ipicker"></script>


2.  HTML


<div id="target"></div>


3.  调用


<script>
  iPicker.create("#target", {
    data: {
      // 此处以通过 jquery 库获取本地数据源为例
      source: Promise.resolve( $.getJSON( "area.json" ) )
    }
  })
</script>



相关链接


GitHub 地址 :https://github.com/Dreamer365/iPicker

在线演示 :http://dreamer365.gitee.io/ipicker/