怎么用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也行，请大家帮帮忙。。。。谢了，急需、、、

[Ajava攻城师]

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

<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)

[风中云]

是不是toList.options.length 这句代码有问题啊

[风中云]

<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>这个控件用这个js：var fromList =document.forms[0].cellphone;取不到吗？

[Spring89]

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
       }
    }
}

e1,e2分别是两个列表框的name
我想这样应该是你想要的吧！

[s478853630]

最好是给你的下拉框设一个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 + "未定义");
}
}