如何使用jQuery删除select标记中的多个选项

Question

我试图使用以下代码

使用jQuery从select标签中删除两个选项

 $("#selectionid option[value='option1']").remove();
 $("#selectionid option[value='option2']").remove();

有没有办法动态地一次删除这两个选项。

Answer 1

你可以尝试

$("#selectionid option[value='option1'], #selectionid option[value='option2']").remove();

Answer 2

您可以在一行中删除

$('#selectionid option').filter('[value="option1"],[value="option2"]').remove();

<强> Demo

Answer 3

您只需使用此行删除两者：

$("#selectionid option[value='option1'], #selectionid option[value='option2']").remove();

或者您可以使用此绑定来显示您想要“删除”的所有内容。

var list = ["option1", "option2"];
$('select option').filter(function () {
   return $.inArray(this.value, list) !== -1
}).remove();

Example (JSFiddle)

Answer 4

您是否尝试过通配符选择器？我相信它会像：

$("#selectionid option[value*='option']").remove();