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?
$("#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
This could help you:- Remove Selected Option using jQuery
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With