做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS省市县联动筛选器iPicker
来源:易助科技网浏览量:2收藏

简介

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/