Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 817
john Avatar asked Apr 06 '26 17:04

john


2 Answers

$("#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

like image 88
Felix Kling Avatar answered Apr 09 '26 13:04

Felix Kling


This could help you:- Remove Selected Option using jQuery

like image 42
Misam Avatar answered Apr 09 '26 11:04

Misam