JS实现多选框添加删除

需求背景：需要实现小组管理(不多介绍)

image.png

数据超出长度显示省略号
.memname {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    white-space: nowrap;
}

image.png

如下实现左右按钮移动：

 

   
 
        
        

        
            

                新建小组
            
        
            

                
                
                

                
                        小组名称：  
                        
                        
                        

                        
                        

                            添加成员：
                            

                              
                                  
                                    ${s.user_name }
                                  
                              
                            
                             
                            

                                
                                
                                    
                                
                                
                                
                                    
                                
                                
                                
                            
                             
                            

                                
                                    
                                        ${s.user_name }