Layui 动态渲染select框

 描述: 选择部门,出来对应部门下面的分组,HTML代码如下:

    

        

            部门
            

                
                    部门1
                    部门2
                    部门3
                
            
        
    
    

        

            分组
            

                
                
            
        
    
    

        

            提交
        
    

 js代码如下:

layui.use(['element', 'layer','form'], function () {
    var element = layui.element,
        form = layui.form,
        layer = layui.layer;
    form.on('select(departmentid)', function(data){
        console.log(data.value);
        $.ajax({
            type:'post',
            url:'index',
            data:{departmentid:data.value},
            dataType:'json',
            async:true,
            success:function(datas){ 
                if(datas == 9){
                    var option = '';
                    for(var i=0;i"+datas[i].groupname+"";
                    }
                }else{
                   var option = '请选择';  //默认值
                }
                $("#groupid").html("");
                $("#groupid").append(option);
                form.render('select','group');
            },
        });
    });
}); 

好了,这次应该记住了吧,每次遇到这儿每次都要耽误时间琢磨, 真的是好记性不如烂笔头!