layui实现三级联动效果
2019-07-26 11:00
1551 查看
本文实例为大家分享了layui实现三级联动效果的具体代码,供大家参考,具体内容如下
[code=xhtml;" style="text-align: left"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="src/css/layui.css" /> </head> <body> <div class="layui-form"> <div class="layui-input-inline"> <select name="province" lay-filter="province" class="province"> <option value="">请选择省</option> </select> </div> <div class="layui-input-inline"> <select name="city" lay-filter="city" disabled> <option value="">请选择市</option> </select> </div> <div class="layui-input-inline"> <select name="area" lay-filter="area" disabled> <option value="">请选择县/区</option> </select> </div> </div> </body> <script type="text/javascript" src="src/layui.js"></script> <script type="text/javascript" src="src/address.js"></script> <script type="text/javascript"> layui.config({ base : "src/" //address.js的路径 }).use([ 'layer', 'jquery', "address" ], function() { var layer = layui.layer, $ = layui.jquery, address = layui.address(); }); </script> <html>JS:address.js
相关文章推荐
- PHP开发中基于layUI的三级联动效果如何实现
- [置顶] tp5与layui框架实现二级联动加分页效果
- JavaScript实现三级联动效果
- jquery实现三级联动效果
- Android_实现省市区(县)三级联动效果
- 如何实现省市区三级联动的效果(从前台页面、后台、数据库详细阐述)
- Ajax + JSON + Servlet + Oracle数据库实现省市县三级联动效果
- 纯js三维数组实现三级联动效果
- jQuery+jsp实现省市县三级联动效果(附源码)
- jQuery+jsp实现省市县三级联动效果(附源码)
- 基于Vue2实现简易的省市区县三级联动组件效果
- ionic+AngularJs项目中实现三级联动效果,筛选省份、城市、区县
- Android开发之解析XML并实现三级联动效果
- Vue如何使用vue-area-linkage实现地址三级联动效果
- JavaScript实现三级联动菜单效果
- layui实现下拉框三级联动
- js实现简单的省市县三级联动效果实例
- SAP选择屏幕中实现三级联动下拉框效果
- 基于jquery实现省市区三级联动效果
- 简单实现ajax三级联动效果