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

User · Answer

I ve tried many solutions and came up with this   Options and selections of the dropdown are cleared using this only       my-multi option selected   prop  selected   false       my-multi option   remove       But the interface is not updated  So you have to do this      my-multi   multiselect  rebuild       Hence  the final code is      my-multi option selected   prop  selected   false       my-multi option   remove        my-multi   multiselect  rebuild       Suggestions and improvements are welcome

User · Answer

You can pass an empty array to unselect all the selection  Here goes an example  From documentation     val   allows you to pass an array of element values  This is useful   when working on a jQuery object containing elements like     and s inside of a     In this case  the inputs and the options having a value that   matches one of the elements of the array will be checked or selected   while those having a value that doesn t match one of the elements of   the array will be unchecked or unselected  depending on the type     x000D   x000D      clearAll   on  click   function     x000D        dropdown   val      x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt select class  dropdown  multiple gt  x000D     lt option value  volvo  gt Volvo lt  option gt  x000D     lt option value  saab  gt Saab lt  option gt  x000D     lt option value  opel  gt Opel lt  option gt  x000D     lt option value  audi  gt Audi lt  option gt  x000D   lt  select gt  x000D   x000D   lt button class  clearAll  gt Clear All Selection lt  button gt  x000D   x000D   x000D

User · Answer

Shortest and quickest way to remove all the selection  is by passing empty string in jQuery  val   function        my select   val

User · Answer

x000D   x000D      clearAll   on  click   function     x000D        dropdown   val      x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt select class  dropdown  multiple gt  x000D     lt option value  volvo  gt Volvo lt  option gt  x000D     lt option value  saab  gt Saab lt  option gt  x000D     lt option value  opel  gt Opel lt  option gt  x000D     lt option value  audi  gt Audi lt  option gt  x000D   lt  select gt  x000D   x000D   lt button class  clearAll  gt Clear All Selection lt  button gt  x000D   x000D   x000D

User · Answer

Assuming you are using Bootstrap multiselect dropdown by David Stutz      selectId   multiselect  deselectAll   false     But for some reason it does not work inside initialization method

User · Answer

jQuery s  selected selector is probably what you are looking for

User · Answer

This is the best way to clear a multi-select or list box        drp assign list option value    remove

User · Answer

In order to clear all selection  I am using like this and its working fine for me  here is the script        ddlMultiselect   multiselect  clearSelection          ddlMultiselect   multiselect   refresh

User · Answer

Simply find all the selected  lt option gt  tags within your  lt select gt  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

User · Answer

quot  ddlMultiselect quot   val     trigger  quot change quot    for multi-select drop-down  it will clear displayed text

User · Answer

selectpicker   selectpicker  deselectAll      https   developer snapappointments com bootstrap-select methods

User · Answer

In javascript   You can use the list of all options of multiselect dropdown which will be an Array Then loop through it to make Selected attributes as false in each Objects   for var i 0 i lt list length i         if list i  Selected  true               list i  Selected false

User · Answer

In JQuery         id option selected   prop  selected   false         id   multiselect  refresh

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

Examples related to jquery

Examples related to multi-select

Examples related to ui-select2