前端框架使用的是layui,大前提要注意一下:
直接上代码:
form.on('select(pcode)', function (data) {
var repirName = data.value;
$.ajax({
type: "post",
data: {repirName: repirName},
url: "/inputBill/getChildType",
success: function (data) {
console.log(data);
var str = "<option value=''>---请选择---</option>";
for (var i = 0; i < data.length; i++) {
var json = data[i];
str += '<option value="' + json.repair_name + '">' + json.repair_name + '</option>';
}
$("#device_small_type").html(str); //第二级select标签的ID
form.render('select');
}
});
});
强调一下://pcode为多级联动(二级,三级…)上一级select标签的lay-filter 属性
然后通过Ajax的 方式获取的数据,在回调中又将数据铺回页面上。
如果下拉框还想实现搜索的功能,加上 lay-search="" 这个属性就好了
【不知道是什么原因,使用上述方法后,通过form表单提交取不到对应的selected 的值,后面就只能靠js了。小伙伴也要注意这个问题,路过的大神知道的评论指教一下哈】