[求助]请问怎样用javascript做可添加和删除的多选

<script language="javascript">
<!--
  var a1 = new Array('a1','a2');
  var a2 = new Array('b1','b2');
  var i;
  function window.onload()
  {
    var s = document.all.s1;
    for(i=0;i<a1.length;i++)
    {
      s.options.add(new Option(a1[i],''));
    }
  }
  
  function change(x)
  {
    var s = document.all.s1;
    var a = 'a'+x;
    var op;
    s.length = 0;
    for(i=0;i<a.length;i++)
    {
      op = eval('a'+x)[i];
      s.options.add(new Option(op,''));
    }
  }
  
  function move(obj1,obj2)
  {
    o1 = document.all(obj1);
    o2 = document.all(obj2);
    if(o1.length == 0)
    {
      //
    }
    else
    {
      for(var i=o1.length-1;i>=0;i--)
      {
        if(o1[i].selected)
        {
          o2.options.add(new Option(o1.options[i].text,o1.options[i].value));
          o1.remove(i);
        }
      }
    }
  }
//-->
</script><select onchange="change(this.value);">
<option value=1>一
<option value=2>二
</select><p>
<select name=s1 size=5 multiple>
</select>
<input type=button value=move→ onclick="move('s1','s2')">
<input type=button value=←move onclick="move('s2','s1')">
<select name=s2 size=5 multiple>
</select>