lauyi渲染

下拉框

<div class="layui-form-item x-city" id="start">
    <label class="layui-form-label">商品分类</label>
    <div class="layui-input-inline">
        <select class="one" name="分类" lay-filter="classify1">
            <option value="0">请选择商品</option>
            @foreach($now as $v)
                <option value="{{$v->id}}">{{$v->cate_name}}</option>
            @endforeach
        </select>
    </div>
    <div class="layui-input-inline">
        <select class="two" name="分类" lay-filter="二级">
            <option value="">请选择商品</option>
        </select>
    </div>
</div>

 

 

// 监听下拉框l
 form.on('select(classify1)',function (data) {
     // 根据一级分类id 查询二级分类
     $.get("{{url('admin/goods/findTwo')}}",{id:data.value},function (lay) {
         var text = '<option value="0">请选择商品</option>';
         var text1 = '<dd lay-value="0" class="layui-select-tips layui-this" style="">请选择商品</dd>';
         for(let key in lay.now){
             text += '<option value="'+lay.now[key].id+'">'+lay.now[key].cate_name+'</option>';

         }

         $('.two').html(text);
         form.render();  //渲染页面
     },"json");
 });