使用 jquery 从下拉列表中删除特定项目答案

【问题标题】：remove specific items from dropdown list using jquery使用 jquery 从下拉列表中删除特定项目
【发布时间】：2011-04-25 12:17:49
【问题描述】：

我有一个多选下拉列表。我可以使用以下方法获取所选值的数组：

selectedItems = $("#myList").val(); // works。

现在，如何从下拉列表中删除选定的项目？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

$("#myList option:selected").remove();

will work.

编辑：我误解了评论，但我将把它作为删除某些元素的示例。
如果要根据数组中的值删除元素，则必须遍历数组：

var $list = $("#myList"),
    toRemove = $();

for(var i = selectedItems.length; i--;) {
   toRemove = toRemove.add($list.find('option[value="' + selectedItems[i] + '"]'));
}
toRemove.remove();

DEMO

【讨论】：

谢谢，假设我已经有一个变量指向我的列表： var myList = $("#myList");如何使用此变量来执行您的建议？
其实我想用你建议的第一种方式。我唯一的问题是我已经有一个指向选择元素的变量；所以我不知道如何应用“option:selected”。
@john：哦，对不起，我误解了。您可以使用find 然后：myList.find('option:selected').remove()。
@john：或children：myList.children('option:selected').remove()

【解决方案2】：

这可以帮助你：- Remove Selected Option using jQuery

【讨论】：

【解决方案3】：

$("[Id$='ddlShowRun'] option:selected").remove();

【讨论】：