layui多级联动下拉框的实现_layui select下拉菜单联动

做的比较简单，先从后台直接把第一级菜单输出，然后点击二级菜单的时候再动态展示

商品类别

请选择

{volist name="list" id="vo"}

{$vo.cate_name}

{/volist}

form.on('select(one_cate)', function(data){

//data.value 得到被选中的值

var url = '/admin/category/selec/' + data.value;

$.get(url,function(data){

$("#two_cate").empty();

$("#two_cate").append(new Option("请选择分类",""));

$.each(data,function(index,item){

$("#two_cate").append(new Option(item,index));

console.log(index,item);

});

layui.form.render("select");

});

});

重点就两个

1.$("#two_cate").append(new Option(item,index));将遍历的数据插入到select中，比原来的拼接字符串省事。

2.layui.form.render("select");重载select模块，否则不会展示