ZIPweb端省市区三级联动插件,本人手搓好用的插件(js+html实现) 36.09KB

weixin_37523719

资源文件列表:

area.zip 大约有4个文件
  1. area.css 2.41KB
  2. area.html 940B
  3. area.js 11.4KB
  4. area_data.js 462.47KB

资源介绍:

本人做前后端项目时,发现前端省市区三级联动基本都是三个下拉框联动选择,太麻烦了,所以本人根据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>
100+评论
captcha
    类型标题大小时间
    ZIP一个bazel使用示例1.55MB7月前
    ZIPAC&DC SEL log.zip2KB7月前
    ZIPAndroid-BLE-Library-version-1x.zip87.26KB7月前
    ZIP案例1-毕业论文.zip246.98KB7月前
    ZIP《网络技术基础与计算思维实验教程》(第2版)pkt.zip9.99MB7月前
    ZIPJava随机数的几种实现方式2.73KB7月前
    ZIPC语言历章二级真题.zip125.26KB7月前
    ZIP中国山峰地标kmz矢量数据2.16MB7月前