本文演示了选择添加和删除的选择框的左右移动，供大家参考：

选择选择框左右移动内容的添加删除基于jquery-1.8.3.min.js代码，简单实用，选择选项，单击按钮左右移动，移动内容，双击选项内容可以左右移动，和更多的移动和移动无线电支持所有移动键！

运行：查看传导的效果和效果。


提示：如果不能在浏览器中正常运行，可以尝试切换浏览模式。

你要分享的代码如下






选择选择框内容移动以添加删除代码

*边距：0；填充：0；列表样式类型：无；大纲：无；}
一、img {边界：0；}
体{字体：12px /正常的微软雅黑；}
。selectbox {宽度：500px；身高：220px；保证金：100px汽车；}
。selectbox div {浮动：左；}
。selectbox。选择酒吧{填充：0 20px；}
。selectbox.select-bar选择{宽度：150px；高度：200px；边界：1px # a0a0a4固体；填充：4px；字体大小：14px；font-family:微软雅黑；}
{ }按钮栏。
P {保证金。按钮栏上：16px；}
按钮栏。p.btn {宽度：50px；身高：30px；鼠标指针；font-family:宋体；字体大小：14px；}



$（函数（）{（））
移动到右边
$（#添加）。Click（function（）{）
首先确定是否选中
如果（！$（# select1选项），（：选择））{
警告（请选择您需要移动的选项
}
获取所选选项，删除并添加到其他选项中
别的{
$（#的选项：选择）。AppendTo（# select2）；
}
}）；

向左移动。
$（#删除）。Click（function（）{）
首先确定是否选中
如果（！$（# select2选项），（：选择））{
警告（请选择您需要移动的选项
}
别的{
$（# select2选项：选择）。AppendTo（# select1）；
}
}）；

全部移动到右边
$（# add_all）。Click（function（）{）
获取所有选项，删除并添加到其他
$（# select1选项），AppendTo（# select2）；
}）；

全部移动到左侧
$（# remove_all）。Click（function（）{）
$（# select2选项），AppendTo（# select1）；
}）；

双击选项
$（# select1）。Dblclick（function（）{ / /双重约束
获取所有选项，删除并添加到其他
$（选项：选择，这个）。AppendTo（# select2 '）； / /添加对方
}）；

双击选项
$（# select2）。Dblclick（function（）{）
$（）选项：选定
}）；

}）；






超级管理员
普通管理员
信息的发布
财务管理员
产品经理
资源管理器
系统管理员
超级管理员
普通管理员
信息的发布
财务管理员
产品经理
资源管理器
A5源码




右移动选项
>title>全部移动到右边















以上是分享选择框内容移动添加和删除代码，希望大家能喜欢。