javascript实现左右移动无线电台,并基于多实例
本文介绍了基于多实例的左右移动无线电的javascript实现示例,供大家参考,具体实现方法如下:方法1:
移动无线电的实现与左右选择
选项1
选项2
选项3
选项4
选项5
选项6
选项7
选项8
选项9
选项10
在window.onload =函数(){ }
获取选定对象
无功lselect = document.getelementbyid(lselect );
无功rselect = document.getelementbyid(rselect );
所有选项 / /得到lselect和roptions对象在
无功loptions = lselect.options;
无功roptions = rselect.options;
功能onermove(){
对于(var i = 0;i < loptions.length;i++){
VaR OP = loptions {我};
如果(op.selected){
rselect.appendchild(OP);
打破;
}
}
}
功能movermove(){
对于(var i = 0;i < loptions.length;i++){
VaR OP = loptions {我};
如果(op.selected){
rselect.appendchild(OP);
我--;
}
}
}
功能onelmove(){
对于(var i = 0;i < roptions.length;i++){
VaR OP = roptions {我};
如果(op.selected){
lselect.appendchild(OP);
打破;
}
}
}
功能movelmove(){
对于(var i = 0;i < roptions.length;i++){
VaR OP = roptions {我};
如果(op.selected){
lselect.appendchild(OP);
我--;
}
}
}
方法二:
sortitems = 1;
功能移动(fbox,TBox){
对于(var i = 0;i < fbox.options.length;i++){
如果(fbox。选项{我},{我} fbox选择。选择的价值!){
var =新选项();
no.value = fbox。选项{我}的价值;
no.text = fbox。选项{我}。文本;
TBox。选项{ TBox。选项。长度} =没有;
fbox。选项{我}值= ;
fbox。选项{我}文本= ;
}
}
BumpUp(fbox);
如果(sortitems)sortd(TBox);
}
函数的BumpUp(箱){
对于(var i = 0;i < box.options.length;i++){
如果(选项为{
对于(var j =我;J < box.options.length-1;j++){
选项,选项=选项。选项1;
选项{选项}。文本=框。选项{ + 1 }。文本;
}
var = i;中断;
}
}
如果(<选项>长度> {){
box.options.length = 1;
BumpUp(箱);
}
}
函数的SortD(箱){
无功temp_opts =新的数组();
新对象();
对于(var i = 0;i < box.options.length;i++){
我temp_opts { } = {我}选项框;
}
对于(var x = 0;x<temp_opts.length-1;x++){
对于(var y =(x + 1);y<temp_opts.length;Y + +){
如果(temp_opts {X}。文本> temp_opts { Y },{文本)
温度= temp_opts {X}。文本;
temp_opts {X}。文本= temp_opts { Y文本};
temp_opts { Y }文本=温度;
温度= temp_opts {X}的价值;
temp_opts {X}。值= temp_opts { Y值};
temp_opts } { Y值=温度;
}
}
}
对于(var i = 0;i < box.options.length;i++){
框。选择{我}。值= temp_opts {我}的价值;
框。选择{我},{我} = temp_opts文本。文本;
}
}
一
B
C
D
E
F
G
H
希望本文能对大家的javascript程序设计有所帮助。