How to get multiple select box values using jQuery

Question

User · Answer

var selected          multipleSelect  selected   each function         selected   this  val      this  text            console log selected     Yet another approch to this problem  The selected array will have the indexes as the option values and the each array item will have the text as its value   for example   lt select id  multipleSelect  multiple  multiple  gt       lt option value  abc  gt Text 1 lt  option gt       lt option value  def  gt Text 2 lt  option gt       lt option value  ghi  gt Text 3 lt  option gt   lt  select gt    if say option 1 and 2 are selected   the selected array will be     selected  abc   1   selected  def   2

User · Answer

Get selected values in comma separator    var Accessids           multi select  btn-group gt ul gt li input checked   each function i obj        Accessids Accessids   obj  val            Accessids   Accessids substring 0 Accessids length - 1   console log Accessids

User · Answer

Using the  val   function on a multi-select list will return an array of the selected values   var selectedValues       multipleSelect   val      and in your html    lt select id  multipleSelect  multiple  multiple  gt       lt option value  1  gt Text 1 lt  option gt       lt option value  2  gt Text 2 lt  option gt       lt option value  3  gt Text 3 lt  option gt   lt  select gt

User · Answer

Html Code     lt select id  multiple  multiple  multiple  name  multiple  gt     lt option value    gt  -- Select --  lt  option gt     lt option value  1  gt Opt1 lt  option gt     lt option value  2  gt Opt2 lt  option gt     lt option value  3  gt Opt3 lt  option gt     lt option value  4  gt Opt4 lt  option gt     lt option value  5  gt Opt5 lt  option gt    lt  select gt       JQuery Code       multiple  selected   each function i  sel        alert    sel  val              Hope it works

User · Answer

Just use this      multipleSelect   change function         var selectedValues     this  val

User · Answer

Just by one line-  var select button text       SelectQButton option selected                    toArray   map item   gt  item text     Output    text1    text2    var select button text       SelectQButton option selected                    toArray   map item   gt  item value     Output    value1    value2    If you use  join    var select button text       SelectQButton option selected                    toArray   map item   gt  item text  join      Output  text1 text2 text3

User · Answer

jQuery  val      var foo       multiple   val

User · Answer

You can also use js map function       multipleSelect  selected   map function i  el        return   el  val       get      And then you can get any property of the option element   return   el  text    return   el  data  mydata    return   el  prop  disabled    etc

[jquery] How to get multiple select box values using jQuery?

Examples related to jquery

Examples related to multi-select