如何从选择框中删除项目或向其中添加项目?我正在运行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>
当前回答
动态添加/删除值，无需硬代码:
//从select中动态删除值
$("#id-select option[value='" + dynamicVal + "']").remove();
//添加动态值
$("#id-select").append('<option value="' + dynamicVal + '">' + dynamicVal + '</option>');
其他回答
这应该做到:
$('#selectBox').empty();
为了方便大家看，你还可以:
$("#selectBox option[value='option1']").hide();
and
$("#selectBox option[value='option1']").show();
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。
如果有人需要删除一个选择内的所有选项，我做了一个小功能。
我希望它对你有用
var removeAllOptionsSelect = function(element_class_or_id){
var element = $(element_class_or_id+" option");
$.each(element,function(i,v){
value = v.value;
$(element_class_or_id+" option[value="+value+"]").remove();
})
}
只需要奔跑
removeAllOptionsSelect("#contenedor_modelos");
我发现有两页看起来很有用，它是为ASP编写的。Net，但同样的东西应该适用:
如何使用jQuery从下拉列表中添加/删除项目 jQuery选择器表达式
