请问在Web中用javascript能不能实现这个？

Question

请问各位大虾：
在Web中用javascript能不能实现这个？
即两个列表框(可多选的select)之间通过两个按钮移动数据？
如能该怎么做？
如不能，有没有别的方法来替代？
谢谢！
________________        ________________
|aaaaaaa        |       |ccccccc        |
|bbbbbbb        | ____  |              |
|               | |> |  |               |
|               | ----  |               |
|               | ____  |               |
|               | |< |  |               |
|               | ----  |               |
|               |       |               |
|_______________|       |_______________|

Answer 1

_________       _________
|aaaaaaa|       |ccccccc|
|bbbbbbb| ____  |       |
|       | |> |  |       |
|       | ----  |       |
|       |  ___  |       |
|       | |< |  |       |
|       | ----  |       |
|       |       |       |
|_______|       |_______| 

Answer 2

试试这个，支持多选的
<script language="Javascript">
function add(){
 if(document.test.sl1.selectedIndex==-1){
  alert("please select from sl1");
  return;
 }
     var oOption 
     var oLength=test.sl1.options.length;
     jj=0;
 for(ii=0;ii<oLength;ii++){
  if(test.sl1.options(jj).selected){
  oOption= document.createElement("OPTION");
      oOption.text =test.sl1.options[jj].text;
       oOption.value =test.sl1.options[jj].value;     
  document.test.sl2.add(oOption);  
  document.test.sl1.remove(jj);  
  }
  else{
  jj++;
  }
 }
 
}
function remove(){
 if(document.test.sl2.selectedIndex==-1){
  alert("please select from sl2");
  return;
 }
     var oOption;
     var oLength=test.sl2.options.length;
     jj=0;
 for(ii=0;ii<oLength;ii++){
  if(test.sl2.options(jj).selected){
  oOption= document.createElement("OPTION");
      oOption.text =test.sl2.options[jj].text;
       oOption.value =test.sl2.options[jj].value;     
  document.test.sl1.add(oOption);  
  document.test.sl2.remove(jj);  
  }
  else{
  jj++;
  }
 }  
}
</script>
<form name=test method=post action="">
<table width=50%>
<tr><td rowspan=5>
<select multiple name=sl1>
<option value='sl11'>sl11
<option value='sl12'>sl12
&nbsp;</select></td>
<td></td>
<td rowspan=5>
<select multiple name=sl2>
<option value='sl21'>sl21
<option value='sl22'>sl22
</select>
</td></tr>
<tr><td>
<input type=button value=" &gt " onclick="add()">
</td></tr>
<tr><td></td></tr>
<tr><td>
<input type=button value=" &lt " onclick="remove()"> 
</td></tr>
<tr><td></td></tr></table>
</form>