18.综合案例2

HTML:

    

        

            

                
                    选项1
                    选项2
                    选项3
                    选项4
                    选项5
                    选项6
                    选项7
                    选项8
                    选项9
                
            
            

                

                

                

                
            
            

                
            
        
    

JS:

function moveSelected(srcEl,targetEl){
    
    //获取select1节点对象
    var select1 = document.getElementById(srcEl);
    var sels = select1.selectedOptions;//获取select1中所有被选中的子节点
    
    //获取select2节点对象
    var select2 = document.getElementById(targetEl);
    while(sels.length > 0){
        select2.appendChild(sels[0]);
    }
    
}

function moveAll(srcEl,targetEl){
    //获取select1节点对象
    var select1 = document.getElementById(srcEl);
    var sels = select1.children;//获取select1中所有的子节点
    
    //获取select2节点对象
    var select2 = document.getElementById(targetEl);
    while(sels.length > 0){
        select2.appendChild(sels[0]);
    }
}