html页面中多选下来列表内容左右移动实现

页面效果

目的

选中左边框中的信息，点击方向按钮即移动到右边

html实现页面效果

函数实现

1是把左边信息复制到右边

2是把右边信息复制到左边

步骤

单以从右边信息转移到左边举例

1. 写入口函数 $(function)
2. 定义按钮点击响应事件，指定当id为toRight的按钮被点击时执行下述function方法
3. 执行：在id属性值为leftName的元素后面添加id属性为rightName的元素,并且此元素的option状态为selected