layui表单，下拉框实现联动，赋值联动下拉框

html代码

<select id="platformId" name="platformId" lay-verify="required" lay-filter="platformId">
	<option>请选择</option>
	<option th:each="platform:${platformList}" th:value="${platform.value}" th:text="${platform.text}"></option>
</select>

<select id="customerId" name="customerId" lay-verify="required">

</select>

编辑页面渲染

//渲染页面
layui.use(['form'], function () {
	window.form = layui.form;
	//监听下拉框
	form.on('select(platformId)', function (data) {
		//设置请求为同步
		$.ajaxSettings.async = false;
		$.post('/fzp/platformNumber/listPlatformCustomerByPlatformId', {platformId: data.value}, function (data) {
			$('#customerId').empty();
			$.each(data, function (index, item) {
				$("#customerId").append(new Option(item.customerName, item.customerId));
			});
			layui.form.render("select");
		});
		$.ajaxSettings.async = true;
	});
}):

//修改数据时赋值。注意：请求必须设置为同步
var selectPlatformId = 'dd[lay-value="' + data.platformId + '"]';
//模拟鼠标选中下拉项事件
$('#platformId').siblings("div.layui-form-select").find('dl').find(selectPlatformId).click();
form.val('platformCustomerTelNumForm', {
	'id': data.id,
	'platformId': data.platformId,
	'customerId': data.customerId
});