JavaScript從選擇中刪除元素

Question

我正在使用帶有兩個帶有按鈕的選擇列表的表單。

我正在嘗試單擊按鈕時，將選擇元素從一個選擇列表傳遞給另一個。

問題是，代替刪除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。

Answer 1

代替 ：

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

行，試試這個：

 s2.appendChild(optn);

optn元素將從s1元素移動到s2元素。 元素（特別是optn ）不能同時具有2個或多個父元素，因此optn將自動從s1刪除。