在项目中需要实现如下的效果内容。如图：

具体实现的源码如下：

两个框的页面源码：

已选角色：br /选择multiple=' multiple ' name=' RoleIdS ' size=' 10 ' id=' RoleIdS '选项值=' 1 '主任/option选项值='2 '医师/optionoption值='3 '护士/optionoption值='4 '前台/optionoption值='5 '内勤/option /select输入类型='按钮'值='-添加onclick='移动选项(文档。getelementbyid(' roleList ')，文档。getelementbyid(' RoleIds ')；/input type='button' value='移除-=' BTN 1 ' onclick='移动选项(文档。getelementbyid(' roleIds ')，文档。getelementbyid(' RoleList ')；/br/备选角色：br /选择multiple=' multiple ' size=' 10 ' id=' RoleList '选项值='6 '工程师1 /optionoption值='7 '工程师2 /optionoption值='8 '工程师3 /optionoption值='9 '工程师4 /optionoption值='10 '工程师5 /optionoption值='11 '工程师6/选项/选择实现的射流研究…代码：

函数moveOptions(oSource，Otarget){ while(oSOURce。selectedindex-1){ var opt=oSOURce。选项[oSOURce。selectedindex]；奥苏尔克。删除孩子(选择)；var mark=true for(var I=0；我是奥塔吉特。选项。长度；I){ if(opt。value==Otarget。选项[一].value){ mark=false；} } if(mark){ var newOpt=document。创建元素(' OPTION ')；奥塔吉特。append child(NewOpt)；新的OPt。value=OPt。价值；纽波特。text=opt。文本；newOpt.selected=true} } }