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

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

1. functionmoveOption2(sourceSelect,destSelect){
2. varsourceOptions=sourceSelect.options;
3. for(vari=sourceOptions.length-1;i>-1;i--){
4. varoption=sourceOptions[i];
5. if(option.selected){
6. varnewOption=newOption(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. functionmoveOption(sourceSelect,destSelect){
2. varsourceOptions=sourceSelect.options;
3. varremoveIndex=sourceSelect.selectedIndex;
4. while(removeIndex!=-1){
5. varremoveOption=sourceOptions[removeIndex];
6. varnewOption=newOption(removeOption.text,removeOption.value);
7. destSelect.add(newOption);
8. sourceSelect.remove(removeIndex);
9. removeIndex=sourceSelect.selectedIndex;
10. }
11. }