前言:使用在如省市区三级联动,二级联动场景等场景
一、HTML部分通过lay-filer属性
<div class="layui-form-item"><label class="layui-form-label">所属组织</label><div class="layui-input-inline"><script type="text/html" template><select name="org_id" lay-filter="orgs" id="accountAdd" lay-verify="required"><option value="">请选择</option></select></script></div></div>
二、JS部分
layui.use(['layer', 'jquery', 'form'], function () {var layer = layui.layer,$ = layui.jquery,form = layui.form;//这儿监听上面列表点击操作form.on('select(orgs)', function(data) {var org_id = data.value;var datas =`json={"Request":{"org_id":${org_id}},"Signed":${signed},"Action":"GetProject"}`;// 创建对象字段var dataLists = {}$.ajax({url: `${httpUrl}`,type: "POST",contentType: 'application/x-www-form-urlencoded',dataType: 'json',data: datas,success: function(res) {console.log(res)dataLists = res.List1for (var i = 0; i < dataLists.length; i++) {$('#project_id').append("<option value=" + dataLists[i]['project_id'] + ">" + dataLists[i]['project_name'] +"</option>")}form.render('select');}});});});