从选择框中删除项目

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 (){&nbsp; &nbsp;&nbsp; &nbsp; var select = document.getElementById('selectBox');&nbsp; &nbsp; var delButton = document.getElementById('delete');&nbsp; &nbsp; function remove()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; value = select.selectedIndex;&nbsp; &nbsp; &nbsp; &nbsp; select.removeChild(select[value]);&nbsp; &nbsp; }&nbsp; &nbsp; delButton.onclick = remove;&nbsp; &nbsp;&nbsp;}要添加该项目，我将创建第二个选择框，然后：var select2 = document.getElementById('selectBox2');var addSelect = document.getElementById('addSelect');function add(){&nbsp; &nbsp; value1 = select2.selectedIndex;&nbsp; &nbsp; select.appendChild(select2[value1]);&nbsp; &nbsp;&nbsp;}addSelect.onclick = add;虽然不是jQuery。