Javascript从select中删除元素

我使用的表单有两个带有按钮的选择列表

我试图在单击按钮时，将select元素从一个select列表传递到另一个select列表

问题是，所选元素不是删除1个元素，而是与列表中的下一个元素一起删除

以下是我的功能：

  function removeOptions(s1,s2) {

    if (s1.options.length == 0) {
        alert('You have already removed all list items');
        return false;
    }

    var optionToRemove = s1.options.selectedIndex;
    var optn = s1.options[optionToRemove];

    s2.options.add(optn);
    s1.remove(optionToRemove);


    alert('success');
    return true;
}

我的按钮配置：

  <input type=button onClick="removeOptions(selectList1,selectList2)" ; value='Autorizar'>

我正在使用Google Chrome。

而不是：

 s2.options.add(optn);
 s1.remove(optionToRemove);

行，请尝试以下操作：

 s2.appendChild(optn);

---

optn

元素将从

s1

元素移动到

s2

元素。元素（特别是

optn

）不能同时有两个或多个父元素，因此

optn

将自动从

s1

中删除。

这不是

按钮配置，请显示使用完整的HTML代码。抱歉！工程师回答了我的问题。感谢您的关注：）