How to Set Selected value in Multi-Value Select in Jquery-Select2

Question

hi  all  i am  binding  my  dropdown  with Jquery-Select2   Its  working  fine  but  now  i  need  to  Bind  my  Multi-Value  selectBox   by  using Jquery-Select2   My   DropDwon         lt div class  divright  gt                           lt select id  drp Books Ill Illustrations                               class  leaderMultiSelctdropdown Books Illustrations  name  drp Books Ill Illustrations                              multiple    gt                               lt option value     gt No illustrations lt  option gt                               lt option value  a  gt Illustrations lt  option gt                               lt option value  b  gt Maps lt  option gt                               lt option value  c  gt Portraits lt  option gt                             lt  select gt                       lt  div gt    From   this  link  http   ivaynberg github com select2      i am  using  Mutiple  Value  Select  Box      I  can  Bind  my  dropdwon  with         dropdownid   Select2     its  working  fine   but  now  i  need  to  get  that  selected  value  into  my  dropdown  on  edit  mode So  i am  using  this  Example       Books Illustrations   select2  val     a    c       its  working  but  how   can i  fix  my  choice   because  user  can  choice  anything  So  i  can t  write  a c   statically  thats  why  i  need  to  bind  my  Selected  value  on  Edit  mode  dynamically   I  think  now  you  all  are  clear  with  my  requirement   Please  let  me  know  if  you  need  further  clearance

User · Answer

This is with reference to the original question    select   val   a   c        select   trigger  change

User · Answer

I get this post is old but there have been changes to how select2 works now and the answer to this question is extremely simple  To set the values in a multi select2 is as follows     Books Illustrations   val  1 2 3   change     There is no need to specify  select2 in jquery anymore  simply  val Also there will be times you will not want to fire the change event because you might have some other code that will execute which is what will happen if you use the method above so to get around that you can change the value without firing the change event like so     Books Illustrations   select2  1 2 3   null  false

User · Answer

Use multiselect function as below       drp Books Ill Illustrations   multiSelect  select    value

User · Answer

Well actually your only need   each to get all values  it will help you  jsfiddle net NdQbw 5   lt div class  divright  gt               lt select id  drp Books Ill Illustrations  class  leaderMultiSelctdropdown Books Illustrations  name  drp Books Ill Illustrations  multiple    gt                   lt option value     gt No illustrations lt  option gt                   lt option value  a  selected gt Illustrations lt  option gt                   lt option value  b  gt Maps lt  option gt                   lt option value  c  selected gt selectedPortraits lt  option gt               lt  select gt       lt  div gt    lt div class  divright  gt           lt select id  drp Books Ill Illustrations1  class   Books Illustrations  name  drp Books Ill Illustrations  multiple    gt               lt option value     gt No illustrations lt  option gt               lt option value  a  gt Illustrations lt  option gt               lt option value  b  gt Maps lt  option gt               lt option value  c  gt selectedPortraits lt  option gt           lt  select gt   lt  div gt    lt button class  getValue  gt Get Value lt  button gt   lt button  class  setValue  gt  Set  value  lt  button gt    lt div class  divright  gt           lt select id  drp Books Ill Illustrations2  class  leaderMultiSelctdropdown Books Illustrations  name  drp Books Ill Illustrations  multiple    gt               lt option value     gt No illustrations lt  option gt               lt option value  a  selected gt Illustrations lt  option gt               lt option value  b  gt Maps lt  option gt               lt option value  c  selected gt selectedPortraits lt  option gt           lt  select gt   lt  div gt    lt div class  divright  gt           lt select id  drp Books Ill Illustrations3  class   Books Illustrations  name  drp Books Ill Illustrations  multiple    gt               lt option value     gt No illustrations lt  option gt               lt option value  a  gt Illustrations lt  option gt               lt option value  b  gt Maps lt  option gt               lt option value  c  gt selectedPortraits lt  option gt           lt  select gt   lt  div gt    lt button class  getValue1  gt Get Value lt  button gt   lt button  class  setValue1  gt  Set  value  lt  button gt    The script    var selectedValues   new Array        selectedValues 0     a       selectedValues 1     c        getValue   click function         alert     leaderMultiSelctdropdown   val             setValue   click function            Books Illustrations   val selectedValues            drp Books Ill Illustrations2   drp Books Ill Illustrations3   select2          getValue1   click function         alert     leaderMultiSelctdropdown   val              setValue1   click function           You need a id for set values       each     Books Illustrations    function                  this  select2  val   selectedValues

User · Answer

var valoresArea VALUES    it has the multiple values to set separated by comma var arrayArea   valoresArea split           area   select2  val  arrayArea

User · Answer

Using select2 library there are 2 ways to set the value 1  when single value is present you can pass it as string      elementid   select2  val   valueTobeset     2  when you are using select2 with multiselect option you can pass an array of the values to select2 and all those values will be set  var arrayOfValues     a   c       elementid   select2  val  arrayOfValues    remember that you can set single value on multiselect by passing an array also like this   var arrayOfValues     a       elementid   select2  val  arrayOfValues

User · Answer

Use multiselect function as below          drp Books Ill Illustrations   val   val1    val2    trigger  change

User · Answer

you can add the selected values in an array and set it as the value for default selection  eg   var selectedItems      selectedItems push  your selected items           drp Books Ill Illustrations   select2  val  selectedItems      Try this  this should definitely work

User · Answer

This doesn t work  only one value is ever pre-selected even though both options are available in the list only the first is shown    searchproject   select2  val     New Co-location   Expansion

User · Answer

Just look at this one it will helps   var valoresArea VALUES    it has the multiple values to set  separated by comma var arrayArea   valoresArea split           area   val arrayArea     the URL is- link

User · Answer

no need to do so many things  for set value using multiple select2 var selectedvalue  1 2 3     if first 3 products are selected      ddlProduct   val selectedvalue

User · Answer

Using select2 jquery library       selector   val arrayOfValues  trigger  change

User · Answer

To Select all     select name eventsFilter    find  option   attr  selected   true      select name eventsFilter    select2     To UnSellect all    select name eventsFilter    find  option   attr  selected   false        select name eventsFilter    select2  quot  quot

User · Answer

So I take it you want 2 options default selected  and then get the value of it  If so   http   jsfiddle net NdQbw 1    lt div class  divright  gt       lt select id  drp Books Ill Illustrations  class  leaderMultiSelctdropdown Books Illustrations  name  drp Books Ill Illustrations  multiple    gt           lt option value     gt No illustrations lt  option gt           lt option value  a  selected gt Illustrations lt  option gt           lt option value  b  gt Maps lt  option gt           lt option value  c  selected gt selectedPortraits lt  option gt       lt  select gt   lt  div gt    And to get value   alert     leaderMultiSelctdropdown   val       To set the value        leaderMultiSelctdropdown   val   a    c       You can also use an array to set the values   var selectedValues   new Array    selectedValues 0     a   selectedValues 1     c        Books Illustrations   val selectedValues     http   jsfiddle net NdQbw 4

[jquery] How to Set Selected value in Multi-Value Select in Jquery-Select2.?

Examples related to jquery

Examples related to ajax

Examples related to jquery-select2