简单的列表值对换（将列表一选中值移到列表二中，反之）

js 代码

1. <script language="javascript">   
2.     function loadOldSel(){   
3.         var oldObj = document.getElementById("oldSel");   
4.   
5.         var o1 = new Option("选项1","1");   
6.         var o2 = new Option("选项2","2");   
7.         var o3 = new Option("选项3","3");   
8.         var o4 = new Option("选项4","4");   
9.         var o5 = new Option("选项5","5");   
10.         var o6 = new Option("选项6","6");   
11.         var o7 = new Option("选项7","7");   
12.         var o8 = new Option("选项8","8");   
13.         var o9 = new Option("选项9","9");   
14.         var o10 = new Option("选项10","10");   
15.            
16.         oldObj.options.add(o1);   
17.         oldObj.options.add(o2);   
18.         oldObj.options.add(o3);   
19.         oldObj.options.add(o4);   
20.         oldObj.options.add(o5);   
21.         oldObj.options.add(o6);   
22.         oldObj.options.add(o7);   
23.         oldObj.options.add(o8);   
24.         oldObj.options.add(o9);   
25.         oldObj.options.add(o10);   
26.     }   
27.     function add(){   
28.         var oldObj = document.getElementById("oldSel");   
29.         var newObj = document.getElementById("newSel");   
30.         var len =oldObj.options.length;   
31.         for(var i=0;i<len;i++){   
32.             var opt = oldObj.options[i];   
33.             if(opt.selected){   
34.                 var thisOpt = new Option(opt.innerHTML,opt.value);   
35.                 newObj.options.add(thisOpt);   
36.                 oldObj.options.remove(i);   
37.                 i--;   
38.                 len--;   
39.             }   
40.         }   
41.   
42.   
43.     }   
44.        
45.     function del(){   
46.         var oldObj = document.getElementById("oldSel");   
47.         var newObj = document.getElementById("newSel");   
48.         var len =newObj.options.length;   
49.         for(var i=0;i<len;i++){   
50.             var opt = newObj.options[i];   
51.             if(opt.selected){   
52.                 var thisObj = new Option(opt.innerHTML,opt.value);   
53.                 oldObj.options.add(thisObj);   
54.                 newObj.options.remove(i);   
55.                 i--;   
56.                 len--;   
57.             }   
58.         }   
59.     }   
60. </script>