如何从选择框中删除项目或向其中添加项目?我正在运行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>
当前回答
你可以这样删除选定的项目:
$("#selectBox option:selected").remove();
如果你有一个列表而不是下拉列表，这是很有用的。
其他回答
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。
移除一个项目
$("select#mySelect option[value='option1']").remove();
添加项目
$("#mySelect").append('<option value="option1">Option</option>');
检查一个选项
$('#yourSelect option[value=yourValue]').length > 0;
删除选定的选项
$('#mySelect :selected').remove();
我发现有两页看起来很有用，它是为ASP编写的。Net，但同样的东西应该适用:
如何使用jQuery从下拉列表中添加/删除项目 jQuery选择器表达式
也许其他人需要一种基本的方法来清除选择:
document.getElementById(SELECT_ID).innerHTML = "";
这应该做到:
$('#selectBox').empty();
