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); // 返回區域對象
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章