jQuery实现选择框内容左右移动代码共享

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

选择框内容移动，简单实用，选择内容的选项，点击移动按钮左右移动内容，运行效果图：

具体代码如下

指数

零
一
二
三
四
五

id=btnright / > >
一
B
C
D
E


$（# btnright）。Click（function（）{）
选定的数据集的数据 / /期权分配给vselect变量。
无功vselect = $（# leftselector选项：选择）；
/ /克隆数据添加到rightselector
VSelect.clone（），AppendTo（# rightselector ）；
同时，在选择 / leftselector去除
VSelect.remove（）；
}）；

向右移动
$（# btnleft）。Click（function（）{）
无功vselect = $（# rightselector选项：选择）；
VSelect.clone（），AppendTo（# leftselector ）；
VSelect.remove（）；
}）；

所有的功能（）{
因此window.document.getelementbyid var =（rightselector ）；
VaR的长度= lst1.options.length；
对于（var i = 0；i <长度；i + +）{
var v =因此，选项{我}。价值；在 / /期权价值
var t =因此，选项{我}。文本； / /显示文本
警报（）：+；
}
}

我希望这篇文章能帮助你学习Javaｓｃｒｉｐｔ程序设计。