100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > layui 省市县区三级联动下拉选择器

layui 省市县区三级联动下拉选择器

时间:2022-05-13 05:48:17

相关推荐

layui 省市县区三级联动下拉选择器

/extend/layarea/#doc

去Git 地址 我只把 mods 里的layarea.js文件拿出来用了

html 这块样式自己去在去修改 然后文件引入layui的css 跟js 就行了

<div class="layui-form"><div class="layui-form-item" id="area-picker"><div class="layui-input-inline" style="width: 200px;"><select name="province" class="province-selector"><option value="">--选择省--</option></select></div><div class="layui-input-inline" style="width: 200px;"><select name="city" class="city-selector"><option value="">--选择市--</option></select></div><div class="layui-input-inline" style="width: 200px;"><select name="county" class="county-selector"><option value="">--选择区--</option></select></div><div class="msg_input"><input type="text" placeholder="详细地址,如:街道,门牌号、楼栋号、单元室等"></div></div></div>

layarea.js文件在这里配置一下就行

//配置插件目录layui.config({base: '../../js/layui/mods/',//相对路径, version: '1.0'});layui.use(['layer','layarea','upload', 'laydate', 'form'], function () {var $ = layui.jquery, upload = layui.upload;var laydate = layui.laydate;var layer = layui.layer, form = layui.form, layarea = layui.layarea;//实际办公地址let obj1 = layarea.render({elem: '#area-picker',change: function (res) {//选择结果console.log(res);}});})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。