<html>
<head>
<script>
  function addOption()
  { 
var the_option= new Option(document.all.select1.value,document.all.select1.value);
document.all.select2.add(the_option);
document.all.select2.selectedIndex = document.all.select2.options.length-1
  }
function delOption()
  { 
document.all.select2.selectedIndex = document.all.select2.options.length + 1
document.all.select2.options = ""
  }function delOpetion2() {
document.all.select2.options.remove(document.all.select2.selectedIndex);
}
</script>
</head>
<body>
<form name=xxx method=post action="xx.asp">
<select id=select1 multiple>
<option value='aaaaa'>aaaaa</option>
<option value='bbbbb'>bbbbb</option>
<option value='ccccc'>ccccc</option>
<option value='ddddd'>ddddd</option>
<option value='eeeee'>eeeee</option>
</select>
<input type=button value="==>" onclick="addOption()">
<input type=button value="<==" onclick="delOpetion2()">
<select id=select2  multiple></select>
</form>
</body>
</html>