如何用js去除和添加下拉框选项

怎么用js去除和添加下拉框选项？
如题：有两个下拉框:
<td width="15%">
  <html:select multiple="multiple" size="25" property="cellphone" name="form" style='width:130px;'>
  <html:option value="">所有联系人</html:option>
  <html:optionsCollection name="pageList" value="cellphone" label="username"/>
  </html:select>  
</td>
<td width="11%" align="center">
  <input type="button" id="add1" name="add1" value=">>" class="navibutton" onclick="copyToList ('cellphone','selectAbId')"><br><br>
</td>
<td width="15%">
  <select name="selectAbId" multiple="multiple" size="25" style='width:130px;'>
  <option value="">从左边选择联系人</option>
  </select>  
</td>
怎么把选择的cellphone选项添加到selectAbId中，同时把cellphone中被选中的删除？用js怎么实现？
这是我的js：
function copyToList(from,to) //from表示:包含可选择项目的select对象名字 to表示:列出可选择项目的select对象名字 //你可以根据你的具体情况修改
{

  var fromList =document.getElementsByName("cellphone")[0];  
 
  var toList = document.getElementsByName("selectAbId")[0];  
  alert("断点11111111");  
  if (toList.options.length > 0 && trim(toList.options[0].value) == ""){
  toList.options.length = 0;
 
  }
  alert("断点22222222");
  var sel = false;
  for (i=0;i<fromList.options.length;i++){
  var current = fromList.options[i];
  if (current.selected){
  sel = true;
  if (trim(current.value) == "" || current.value.length==0){
  alert ('你不能选择这个联系人!');
  return;
  }
  txt = current.text;
  val = current.value;
  toList.options[toList.length] = new Option(txt,val);
  fromList.options[i] = null;
  i--;
  }
  }
  if (!sel) alert ('你还没有选择任何联系人');
}
当点击按钮时，只弹出了“断点11111111”，“断点2222222”没有弹出，把“断点11111111”、“断点2222222”之间的代码删掉，“断点2222222”也可以弹出，这是怎么回事，若是有直接实现这个功能的js也行，请大家帮帮忙。。。。谢了，急需、、、

[解决办法]
参照DHTML手册，里面有很详细的对下拉框增加、删除选项操作例子：

HTML code

<SELECT ID="oSelect"><OPTION VALUE="1">One</OPTION></SELECT><SCRIPT>var oOption = document.createElement("OPTION");oSelect.options.add(oOption);oOption.innerText = "Two";oOption.value = "2";</SCRIPT>object.remove(iIndex)
[解决办法]
JScript code
function moveOption(e1,e2){   for(var i=0;i<e1.options.length;i++){       if(e1.options[i].selected){          var e = e1.options[i];          e2.options.add(new Option(e.text, e.value));          e1.remove(i);          i=i-1       }    }}
[解决办法]
最好是给你的下拉框设一个id，给你三个方法，希望对你有用：
/**
  * @see 获得对象
  * @param id 对象的id(表单元素和其他标签都可以)
  * @return Object
  */
function $(id) {
return document.getElementById(id);
}

/**
  * @see 清空下拉框
  * @param id 下拉框的ID
  * @param count 表示要保留的选项数目
  */
function clearSelect(id, count) { 
 
if ($(id) != null) {
$(id).options.length = count;
} else {
alert(id + "未定义");
}
}

/**
  * @see 给下拉框设置选项
  * @param id 下拉框的ID
  * @param value 表示这个选项的value (内在值)
  * @param text 表示这个选项的text (显示的文本)
  */
function setSelect(id, value, text) {
if ($(id) != null) {
$(id).options.add(new Option(text, value));
} else {
alert(id + "未定义");
}
}