form.render('select') 更新渲染问题

最近在做项目的时候用到selectN，发现我在ajax动态动态渲染的时候页面不变，找了好久才发现问题所在

看了fly社区的案例是用的 layui.form('select').render(); 这个是可以只刷新你动态更新的那部分select

    //渲染表单
    layui.use(['form'], function(){
        var form = layui.form,selectN = layui.selectN;

   


        form.on('select(shop_cates)', function (data) {
            //var id = data.value;
            $('#parent_id').empty();
            JsPost('{:url("Categories/get")}', {shop_cate_id: data.value}, function (res) {
                
                if (res.status) {
                    var data=res.data;
                    
                    $(data).each(function (i, n) {
                        $("#parent_id").append("" +  n.name + "");
                        
                    });
                    form.render('select');
                    form.render();
                } else {
                  
                    $("#parent_id").append("" +  顶级分类 + "");
                    layer.msg(res.msg);
                 
                }
                
            });
            form.render('select');
            form.render();
            
        });

        //form.render('select');
        form.render();



    });