Layui二级联动绑定数据

html代码：

 
               

                    

                        主类型
                        

                            
                        
                    
                
                

                    

                        子类型
                        

                            
                        
                    
                

js 代码：

  var url = dinf.url + "ParentList";  //写自己的url
    var model = {
        "CompanyId": CId
    }; //需要传入的数据
    var redata = dinf.modelajaxfunPost(url, model); //自己的ajax
 
    //绑定
    if (redata) {
        $("#ParentIdSelect").empty();
        $('#ParentIdSelect').append("");
        $.each(redata.data, function (index, item) {
            $('#ParentIdSelect').append("" + $.trim(item.Name) + "");
        });
    } else {
        $("#ParentIdSelect").empty();
    }
    layui.form.render("select");
 
 
    //监听父级select框
 
    form.on('select(ParentIdSelect)', function (data) {
        var url = dinf.url + "ChildList";
        var model = {};
        model["ParentId"] = data.value; //传入所需要的父级id以及自己接口需要传的数据
        model["CompanyId"] = CId;
       var  Table_data = dinf.modelajaxfunPost(url, model);
         if (Table_data) {
            $("#ChildIdSelect").empty();
            $('#ChildIdSelect').append("");
             $.each(Table_data.data, function (index, item) {
                 $('#ChildIdSelect').append("" + $.trim(item.Name) + "");
            });
        } else {
            $("#ChildIdSelect").empty();
        }
         layui.form.render("select");
    });