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); // 返回區域對象
})