版本:layui-v2.4.5
需要自定义添加一个“layarea.js”
文件地址:文件分享
路径:layuiadmin/modules/layarea.js(根据各自项目放置)
js引用:
<script type="text/javascript">
//配置插件目录
layui.config({
base: '../../static/layuiadmin/modules/'
, version: '1.0'
});
//一般直接写在一个js文件中
layui.use(['layer', 'form', 'layarea'], function () {
var layer = layui.layer
, form = layui.form
, layarea = layui.layarea;
let obj1 = layarea.render({
elem: '#area-picker',
change: function (res) {
//选择结果
console.log(res);
}
});
layarea.render({
elem: '#area-picker',
data: {
province: "上海",
city: "上海",
county: "浦东新区",
},
change: function (res) {
//选择结果
console.log(res);
}
});
});
</script>
html代码:
要默认值,在对应后面根据 “ data-value=”
<div class="layui-form-item" id="area-picker">
<div class="layui-form-label">选择省/市/区</div>
<div class="layui-input-inline" style="width: 200px;">
<select name="province" class="province-selector" data-value="上海市">
<option value="">--选择省--</option>
</select>
</div>
<div class="layui-input-inline" style="width: 200px;" >
<select name="city" class="city-selector" data-value="上海市">
<option value="">--选择市--</option>
</select>
</div>
<div class="layui-input-inline" style="width: 200px;" >
<select name="area" class="county-selector" data-value="浦东新区">
<option value="">--选择区--</option>
</select>
</div>
</div>
省市区是写死的,如果需要更新,修改 layarea.js,对应的键值是 410581: '林州市',数字是市的身份证开头前6位