layui 使用省市区三联动代码layarea.js

部分

<div class="layui-form-item" id="area-picker">
	<div class="layui-input-inline" style="width: 200px;">
	  <select name="province" class="province-selector" data-value="北京市" lay-filter="province-1">
		<option value="">请选择省</option>
	  </select>
	</div>
	<div class="layui-input-inline" style="width: 200px;">
	  <select name="city" class="city-selector" data-value="北京市" lay-filter="city-1">
		<option value="">请选择市</option>
	  </select>
	</div>
	<div class="layui-input-inline" style="width: 200px;">
	  <select name="county" class="county-selector" data-value="东城区" lay-filter="county-1">
		<option value="">请选择区</option>
	  </select>
	</div>
</div>

js部分

layui.config({
	//自己的路径
	base: '__NEWADMIN__/js/lay-module/',
	version: '1.0'
})

layui.use(['form','layarea'], function() {
		var form = layui.form,
			layarea = layui.layarea;
			
		layarea.render({
			elem: '#area-picker',
			// 修改输入框的默认值，此时不能设置data-value
			data: {
                province: '上海市',
                city: '上海市',
                county: '黄浦区'
            },
			change: function (res) {
				console.log(res)
			}
		})
}）

NEWADMIN/js/lay-module/ – 对应路径
NEWADMIN/对应public/statuc

github – layarea

layui中layarea第三方组件库