如何从选择框中删除项目或向其中添加项目?我正在运行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>
当前回答
我只是想建议另一种增加选择的方法。 除了将值和文本设置为字符串外，还可以这样做:
var option = $('<option/>')
.val('option5')
.text('option5');
$('#selectBox').append(option);
在动态添加选项的值和文本时，这是一个较不容易出错的解决方案。
其他回答
JavaScript
function removeOptionsByValue(selectBox, value) { for (var i = selectBox.length - 1; i >= 0; --i) { if (selectBox[i].value == value) { selectBox.remove(i); } } } function addOption(selectBox, text, value, selected) { selectBox.add(new Option(text, value || '', false, selected || false)); } var selectBox = document.getElementById('selectBox'); removeOptionsByValue(selectBox, 'option3'); addOption(selectBox, 'option5', 'option5', true); <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>
jQuery
jQuery(function($) { $.fn.extend({ remove_options: function(value) { return this.each(function() { $('> option', this) .filter(function() { return this.value == value; }) .remove(); }); }, add_option: function(text, value, selected) { return this.each(function() { $(this).append(new Option(text, value || '', false, selected || false)); }); } }); }); jQuery(function($) { $('#selectBox') .remove_options('option3') .add_option('option5', 'option5', true); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <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();
如果你有一个列表而不是下拉列表，这是很有用的。
也许其他人需要一种基本的方法来清除选择:
document.getElementById(SELECT_ID).innerHTML = "";
这应该做到:
$('#selectBox').empty();
我发现有两页看起来很有用，它是为ASP编写的。Net，但同样的东西应该适用:
如何使用jQuery从下拉列表中添加/删除项目 jQuery选择器表达式
