怎样将列表框中选中的项通过点击按钮添加到另一个列表框中？

Question

<script language="javascript">
function move(){
var i=document.all.s1.selectedIndex
document.all.s2.add(new Option(document.all.s1.options[i].text,document.all.s1.options[i].value))
document.all.s1.options.remove(i)
}
</script><form name="form1" method="post" action="">
  <select name="s1" size="4" multiple>
    <option value="01">&Ntilde;&ocirc;&sup1;&acirc;</option>
    <option value="02">·&ccedil;&Oacute;ê</option>
    <option value="03">&sup2;&Ecirc;&ordm;&ccedil;</option>
    <option value="04">&ordm;&Uacute;°&micro;</option>
  </select>  <input name="btnadd" type="button" id="btnadd"value="&frac12;&laquo;s1&Ntilde;&iexcl;&Ouml;&ETH;&micro;&Auml;&Iuml;&icirc;&Igrave;í&frac14;&Oacute;&micro;&frac12;s2&micro;&Auml;&iquest;ò" onclick="move()">    <select name="s2" size="4" multiple>
  </select>
</form>

Answer 1

晕，贴出来变成了乱码，再试试...<script language="javascript">
function move(){
var i=document.all.s1.selectedIndex
document.all.s2.add(new Option(document.all.s1.options[i].text,document.all.s1.options[i].value))
document.all.s1.options.remove(i)
}
</script><form name="form1" method="post" action="">  <select name="s1" size="4" multiple>
    <option value="01">阳光</option>
    <option value="02">风雨</option>
    <option value="03">彩虹</option>
    <option value="04">黑暗</option>
  </select>  <input name="btnadd" type="button" id="btnadd"value="将s1选中的项添加到s2的框">    <select name="s2" size="4" multiple>
  </select>
</form>

Answer 2

http://jkisjk.vip.sina.com/html/moveRightOrLeft.htm

Answer 3

bguest(茫然的未来):上面代码执行后是把左边列表框的内容移动到右边列表框了，但同时左边的项目内容也没有了，
要达到只是把内容复制过去的效果，左边列表框仍然保持不变，应该怎么办？