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