如何实现这个选择框

Question

是这个吗？<script language="javascript">
function LeftToRight(){
var left=document.all.left;
var right=document.all.right;
for(var i=left.length-1;i>=0;i--){
if(left.options[i].selected){
var op = document.createElement("OPTION");
op.text=left.options[i].text;
op.value=left.options[i].value;
right.add(op);
left.options[i] = null;
}
}
}
function RightToLeft(){
var left=document.all.left;
var right=document.all.right;
for(var i=right.length-1;i>=0;i--){
if(right.options[i].selected){
var op = new Option(right.options[i].text,right.options[i].value);
left.add(op);
right.options.remove(i);
}
}
}
</script>
<form name="myForm">  
  <SELECT NAME="left" name="left" size="7" multiple="true">
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
<option value="4">DDD</option>
<option value="5">EEE</option>
  </SELECT>
  <SELECT NAME="right" size="7" multiple="true" >
</SELECT>
<input type="button" value="--->" onclick="LeftToRight()"><br><br>
<input type="button" value="<---" onclick="RightToLeft()">
<input type="button" onClick="myTest11()">
</form>
</body>