https://fly.layui.com/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);
}
});
})