jQuery模仿element-ui三级联动,箭头图标用的layui里面的,可以自定义。数据用的本地三级联动数据,也可以改为后台数据
缺点:
1.考虑到大部分页面只需要使用一次,所以每个页面只能用一次。
2.暂时不能配置(后续会加)
- 引入js
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://heerey525.github.io/layui-v2.4.3/layui/layui.js"></script>
// 本地省市区数据
<script src="city_code.js"></script>
// select插件
<script src="./select.js"></script>
- 初始化下拉选
<div id="select" class="select"></div>
Select.init('#select')
- 下拉选回调
Select.action(res=>{
console.log(res); // 返回区域对象
})