从选择框中删除项目

Question

如何从选择框中删除项目或向其中添加项目？我正在运行jQuery，这应该使任务更轻松。下面是一个示例选择框。<select name="selectBox" id="selectBox">    <option value="option1">option1</option>    <option value="option2">option2</option>    <option value="option3">option3</option>    <option value="option4">option4</option>    </select>

Answer 1

您可以使用以下方法删除所选项目：

$("#selectBox option:selected").remove();

如果您有列表而不是下拉列表，这将很有用。

Answer 2

window.onload = function ()

{   

    var select = document.getElementById('selectBox');

    var delButton = document.getElementById('delete');

    function remove()

    {

        value = select.selectedIndex;

        select.removeChild(select[value]);

    }

    delButton.onclick = remove;    

}

要添加该项目，我将创建第二个选择框，然后：

var select2 = document.getElementById('selectBox2');

var addSelect = document.getElementById('addSelect');

function add()

{

    value1 = select2.selectedIndex;

    select.appendChild(select2[value1]);    

}

addSelect.onclick = add;

虽然不是jQuery。