CODEWITHSUNDEEP
javascriptjqueryhtml
john
john

Reputation: 2861

remove specific items from dropdown list using jquery

I have a multi select dropdown list. I can get the array of selected values using:

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

Now, how can I remove the selected items from the dropdown list?

Upvotes: 2

Views: 17266

Answers (3)

Genius
Genius

Reputation: 21

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

Upvotes: 2

Felix Kling
Felix Kling

Reputation: 817238

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

will work.

Edit: I misunderstood the comment, but I will leave it as an example for removing certain elements in general.
If you want to remove the elements based on the value in the array, you have to loop over the array:

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

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

DEMO

Upvotes: 12

Misam
Misam

Reputation: 4389

This could help you:- Remove Selected Option using jQuery

Upvotes: 2

Related Questions