微客导航 » 文章资讯 » layui的select联动实现代码

layui的select联动实现代码

2023-08-13 05:46:04 333

要实现联动效果注意两点：

第一要可以监听到select的change事件；

第二异步加载的内容，需要重新渲染后才可以正常使用。

html结构：





所在省份：


请选择省份
<#listprovinceasprovincelist>
${provincelist.fullname}

所在城市：

所在区域：

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联动实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

layui的select联动实现代码

热门推荐

随机推荐