JS的左移和右移1

1. <script language="JavaScript">  
2. <!--  
3. function moveOption(e1, e2){  
4.     try{  
5.         for(var i=0;i<e1.options.length;i++){  
6.             if(e1.options[i].selected){  
7.                 var e = e1.options[i];  
8.                 e2.options.add(new Option(e.text, e.value));  
9.                 e1.remove(i);  
10.                 i=i-1  
11.             }  
12.         }  
13.     document.myform.city.value=getvalue(document.myform.list2);  
14.     }  
15.     catch(e){}  
16. }  
17. function getvalue(geto){  
18.     var allvalue = "";  
19.     for(var i=0;i<geto.options.length;i++){  
20.         allvalue +=geto.options[i].value + ",";  
21.     }  
22.     return allvalue;  
23. }  
24. function changepos(obj,index){  
25.     if(index==-1){  
26.         if (obj.selectedIndex>0){  
27.             obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))  
28.         }  
29.     }else if(index==1){  
30.         if (obj.selectedIndex<obj.options.length-1){  
31.             obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))  
32.         }  
33.     }  
34. }  
35. //-->  
36. </script>  
37. HTML代码片段  
38. <form method="post" name="myform">  
39. <table border="0" width="300">  
40. <tr>  
41. <td width="40%">  
42. <select style="WIDTH:100%" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)">  
43. <option value="北京">北京</option>  
44. <option value="上海">上海</option>  
45. <option value="山东">山东</option>  
46. <option value="安徽">安徽</option>  
47. <option value="重庆">重庆</option>  
48. <option value="福建">福建</option>  
49. <option value="甘肃">甘肃</option>  
50. <option value="广东">广东</option>  
51. <option value="广西">广西</option>  
52. <option value="贵州">贵州</option>  
53. <option value="海南">海南</option>  
54. <option value="河北">河北</option>  
55. <option value="黑龙江">黑龙江</option>  
56. </select>  
57. </td>  
58. <td width="20%" align="center">  
59. <input type="button" value="添加" onclick="moveOption(document.myform.list1, document.myform.list2)"><br/>  
60. <br/>  
61. <input type="button" value="删除" onclick="moveOption(document.myform.list2, document.myform.list1)">  
62. </td>  
63. <td width="40%">  
64. <select style="WIDTH:100%" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)">  
65. </select>  
66. </td>  
67. <td>  
68. <button onclick="changepos(list2,-1)" type="button">上移</button>  
69. <br/>  
70. <button onclick="changepos(list2,1)" type="button">下移</button>  
71. </td>  
72. </tr>  
73. </table>  
74. 值：<input type="text" name="city" size="40">  
75. </form>