select移动选项 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>select移动选项</title>
 6     <script type="text/javascript" src="eventutil.js"></script>
 7 </head>
 8 <body>
 9     <select name="selLocations1" id="selLocations1">
10         <option value="val_1">1</option>
11         <option value="val_2">2</option>
12         <option value="val_3">3</option>
13         <option value="val_4">4</option>
14         <option value="val_5">5</option>
15         <option value="val_6">6</option>
16     </select>
17     <select name="selLocations2" id="selLocations2">
18         <option value="val_11">11</option>
19         <option value="val_12">12</option>
20         <option value="val_13">13</option>
21         <option value="val_14">14</option>
22         <option value="val_15">15</option>
23         <option value="val_16">16</option>
24     </select>
25 
26     <input type="button" value="测试点击" id="selInput" />
27     <script type="text/javascript" src="test03.js"></script>
28 </body>
29 </html>

 

 1 var selectbox1 = document.getElementById("selLocations1");
 2 var selectbox2 = document.getElementById("selLocations2");
 3 var selInput = document.getElementById("selInput");
 4 
 5 EventUtil.addHandler(selInput, "click", function(event) {
 6     if (selectbox1.length) {
 7         selectbox2.appendChild(selectbox1.options[0]);
 8     } else {
 9         console.log("select里已经木有可移动项了！")
10     }
11 });
posted @ 2012-06-04 20:01  小猩猩君  阅读(204)  评论(0)    收藏  举报