web端省市区三级联动插件,本人手搓好用的插件(js+html实现)
资源内容介绍
本人做前后端项目时,发现前端省市区三级联动基本都是三个下拉框联动选择,太麻烦了,所以本人根据js+html模拟app上的底部弹框省市区三列省市区三级联动做的一个插件,调用简单,操作非常好用,在此分享给大家。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹框插件示例</title> <link rel="stylesheet" href="area.css"> <style> </style></head><body><div style="position:absolute;left:30%;top:20%;"><input type="text" id="areaData" name="areaData" class="layui-input" readonly placeholder="选择省市区"><div class="custom-arrow"></div></div><script type="text/javascript" src="area_data.js"></script><script type="text/javascript" src="area.js"></script><script> SelectorPopup.init(Area, function (data) { document.getElementById('areaData').value = data.provinceName+' '+data.cityName+' '+data.districtName; }); document.getElementById('areaData').addEventListener('click', function() { SelectorPopup.show(this); });</script></body></html>