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

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

具体代码如下






指数




零
一
二
三
四
五




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 =因此,选项{我}。文本; / /显示文本
警报():+;
}
}






我希望这篇文章能帮助你学习Javascript程序设计。