这样的控制和运动的项目在列表框的列表框的Javascript

本文阐述了上下移动的Javascript控件ListBox列表框项目的方法,分享给你参考。具体分析如下:

这个JS代码可以用来控制或ListBox中的元素的运动,这是非常有用的。以下是详细的代码

复制代码代码如下:功能listbox_move(上市,方向){

VaR ListBox = document.getelementbyid(上市);

无功selindex = listbox.selectedindex;

如果(1 = = selindex){

警报()请选择要移动的选项;

返回;

}

var增量= 1;

如果(方向=向上)

增量= 1;

其他的

增量= 1;

如果((selindex +增量)<0 | |

(selindex +增量)>(列表框,选项。length-1)){

返回;

}

无功selvalue =列表框,选择selindex } {价值;

无功seltext =列表框,选择{ selindex文本};

列表框,选择{ selindex }。值列表框,选择{ selindex +增量值}。

列表框,选择{ selindex }。文本=列表框,选择{ }文本selindex +增量。

列表框,选择{ selindex +增值价值= selvalue };

列表框,选择{ selindex +文字= seltext增量};

listbox.selectedindex = selindex +增量;

}





listbox_move('countrylist ',自'); / /移动选定的选项

listbox_move('countrylist,Down); / /向下移动选定的选项

下面是一个详细的演示代码,可以在浏览器中使用

复制代码如下:点击下面的按钮来选择或取消选择从选择框中的所有选项。



印度

美国

中国

意大利

德国

加拿大

法国

大不列颠联合王国



动起来

向下移动



功能listboxmove(上市,方向){

VaR ListBox = document.getelementbyid(上市);

无功selindex = listbox.selectedindex;

如果(1 = = selindex){

警报()请选择要移动的选项;

返回;

}

var增量= 1;

如果(方向=向上)

增量= 1;

其他的

增量= 1;

如果((selindex +增量)<0 | |

(selindex +增量)>(列表框,选项。length-1)){

返回;

}

无功selvalue =列表框,选择selindex } {价值;

无功seltext =列表框,选择{ selindex文本};

列表框,选择{ selindex }。值列表框,选择{ selindex +增量值}。

列表框,选择{ selindex }。文本=列表框,选择{ }文本selindex +增量。

列表框,选择{ selindex +增值价值= selvalue };

列表框,选择{ selindex +文字= seltext增量};

listbox.selectedindex = selindex +增量;

}



希望本文能对大家的javascript程序设计有所帮助。