如何从选择框中删除项目或向其中添加项目?我正在运行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>
当前回答
也许其他人需要一种基本的方法来清除选择:
document.getElementById(SELECT_ID).innerHTML = "";
其他回答
为了方便大家看，你还可以:
$("#selectBox option[value='option1']").hide();
and
$("#selectBox option[value='option1']").show();
我发现有两页看起来很有用，它是为ASP编写的。Net，但同样的东西应该适用:
如何使用jQuery从下拉列表中添加/删除项目 jQuery选择器表达式
动态添加/删除值，无需硬代码:
//从select中动态删除值
$("#id-select option[value='" + dynamicVal + "']").remove();
//添加动态值
$("#id-select").append('<option value="' + dynamicVal + '">' + dynamicVal + '</option>');
我必须从一个选择中删除第一个选项，没有ID，只有一个类，所以我成功地使用了这段代码:
$('select.validation').find('option:first').remove();
如果有人需要删除一个选择内的所有选项，我做了一个小功能。
我希望它对你有用
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");
