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();



    });