web页面左右框选择的实现与优化过程

开始的代码，使用for循环来一个个监测是否被选中：

1. function moveOption2(sourceSelect, destSelect){
2.     var sourceOptions = sourceSelect.options;
3.     for(var i=sourceOptions.length-1; i>-1; i--){
4.         var option = sourceOptions[i];
5.         if(option.selected){
6.             var newOption = new Option(option.text, option.value);
7.             destSelect.add(newOption);
8.             sourceSelect.remove(i);
9.             destSelect.scrollIntoView(false);
10.         }
11.     }
12. }

优化后的代码，只检查被选中的代码，巧妙的使用了selectedIndex的特性，每次上一个selected option被删除，则selectedIndex就变成下一个selected option的index值：

1. function moveOption(sourceSelect, destSelect){
2.     var sourceOptions = sourceSelect.options;
3.     var removeIndex = sourceSelect.selectedIndex;
4.     while(removeIndex != -1){
5.         var removeOption = sourceOptions[removeIndex];
6.         var newOption = new Option(removeOption.text, removeOption.value);
7.         destSelect.add(newOption);
8.         sourceSelect.remove(removeIndex);
9.         removeIndex = sourceSelect.selectedIndex;
10.     }
11. }