Quick way to clear all selections on a multiselect enabled <select> with jQuery?

Question

Do I have to iterate through ALL the and set remove the 'selected' attribute or is there a better way?

Answer 1

Simply find all the selected <option> tags within your <select> and remove the selected attribute:

$("#my_select option:selected").removeAttr("selected");

As of jQuery 1.6, you should use .prop instead of removing the attribute:

$("#my_select option:selected").prop("selected", false);