做的比较简单,先从后台直接把第一级菜单输出,然后点击二级菜单的时候再动态展示
商品类别
请选择
{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模块,否则不会展示