要實現(xiàn)聯(lián)動效果注意兩點：

第一要可以監(jiān)聽到select的change事件；

第二異步加載的內(nèi)容，需要重新渲染后才可以 正常使用。

html結(jié)構(gòu)：

所在省份：

請選擇省份

${provincelist.fullname}

#list>

所在城市 ：

所在區(qū)域 ：

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監(jiān)聽事件使用

form.on('select(myselect)', function(data){}) 其中myselect是select的 lay-filter屬性值

2.數(shù)據(jù)異步加載到select的option中之后，點擊該select會發(fā)現(xiàn)layui的選中效果不起作用，需要使用form.render('select');重新渲染一次，就可以正常使用。

以上這篇layui的select聯(lián)動實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

總結(jié)

以上是生活随笔為你收集整理的layui表单的ajax联动,layui的select联动实现代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。