jQuery三级联动插件

在这里插入图片描述
jQuery模仿element-ui三级联动,箭头图标用的layui里面的,可以自定义。数据用的本地三级联动数据,也可以改为后台数据

缺点:
1.考虑到大部分页面只需要使用一次,所以每个页面只能用一次。
2.暂时不能配置(后续会加)

代码github地址

  1. 引入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>
  1. 初始化下拉选
<div id="select" class="select"></div>

Select.init('#select')
  1. 下拉选回调
Select.action(res=>{
     console.log(res); // 返回区域对象
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章