layui三级城市联动功能如此简单

          <script src="{{asset('static')}}/scenic/city/assets/jquery-1.12.4.js"></script>
          <link rel="stylesheet" href="{{asset('static')}}/scenic/city/layui/css/layui.css" /> 
          <script src="{{asset('static')}}/layuiadmin/layui/layui.js"></script>
          <script type="text/javascript" src="{{asset('static')}}/scenic/city/assets/data.js"></script>
          <script type="text/javascript" src="{{asset('static')}}/scenic/city/assets/province.js"></script>
          <script type="text/javascript">
              var defaults = {
                  s1: 'provid',
                  s2: 'cityid',
                  s3: 'areaid',
                  v1: 330000,
                  v2: 330200,
                  v3: 330212
              };
          </script>
          <form class="layui-form">
            <div class="layui-col-md6">
              <div class="layui-form-item">
                <label class="layui-form-label">省</label>
                    <div class="layui-input-block">
                          <select name="provid" id="provid" lay-filter="provid">
                          </select>
                    </div>
                </div>
            </div>              
            <div class="layui-col-md6">
              <div class="layui-form-item">
                <label class="layui-form-label">市</label>
                    <div class="layui-input-block">
                          <select name="cityid" id="cityid" lay-filter="cityid">
                          </select>
                    </div>
                </div>
            </div>              
            <div class="layui-col-md6">
              <div class="layui-form-item">
                <label class="layui-form-label">区</label>
                    <div class="layui-input-block">
                          <select name="areaid" id="areaid" lay-filter="areaid">
                          </select>
                    </div>
                </div>
            </div>  
          </form>

引入文件就是一波骚操作，v1-v3是默认选中的城市，城市有对应的ID

image.png

插件地址，我分享一下 https://pan.baidu.com/s/1RJpZvT7fVnPqCRuvhEnGxA

再分享个layui里面的图片放大功能，点击图片放大当前的

image.png

layer-src是放大的地址，同src地址

image.png
在自动化中引入
image.png

强大的layui提供了便捷，