要实现联动效果注意两点：
第一要可以监听到select的change事件；
第二异步加载的内容，需要重新渲染后才可以 正常使用。
html结构：
所在省份：
请选择省份
${provincelist.fullname}
#list>
所在城市 ：
所在区域 ：
js：
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
form.on('select(myselect)', function(data){
var areaId=(data.value).replaceAll(",","");
$.ajax({
type: 'POST',
url: '/shopInfo/findCity',
data: {areaId:areaId},
dataType: 'json',
success: function(data){
$("#City").html("");
$.each(data, function(key, val) {
var option1 = $("").val(val.areaId).text(val.fullname);
$("#City").append(option1);
form.render('select');
});
$("#City").get(0).selectedIndex=0;
}
});
});
});
1.select的chage监听事件使用
form.on('select(myselect)', function(data){}) 其中myselect是select的 lay-filter属性值
2.数据异步加载到select的option中之后，点击该select会发现layui的选中效果不起作用，需要使用form.render('select');重新渲染一次，就可以正常使用。
以上这篇layui的select联动实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
