Javascript从select中删除元素

时间:2012-06-24 18:21:15

标签: javascript html onclick

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

我正在尝试当我点击按钮时,我将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'>

我正在使用谷歌浏览器。

1 个答案:

答案 0 :(得分:0)

而不是:

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

行,试试这个:

 s2.appendChild(optn);

optn元素将从s1元素移至s2元素。该元素(具体为optn)不能同时拥有2个或更多父母,因此optn将自动从s1中删除。