java js滑动列表_javascript js 可上、下移动下拉列表选项

兼容FireFox、IE，可以上、下、顶部、底部移动的select option的js；

原理：

置顶：主要是交换当前选择索引的option和当前选择索引上面的option的text、value；将这些option向下移动一个索引，最后将选择的索引的text、value赋值给第0个option即可；

向上移动：向上移动就是将当前选择的索引和当前索引-1也就是当前选择的上面一个的option的text、value交换；

向下移动：和向上相反，将当前选择的索引selectedIndex进行加1也就是当前选择的option的下一个option，然后用变量存储这2个option中的任一个option的text、value进行交换；

底部：将选择的option到options的长度中间的option依次向上交换下text、value，最后将选择的option的text、value赋给最后一个option即可；

moveOption.html

A

C

E

F

1

5