Get value of multiselect box using jQuery or pure JS

Question

In the code shown below  how to get the values of multiselect box in function val   using jQuery or pure JavaScript    lt script gt      function val               Get values of mutliselect drop down box              document  ready function              var flag   0              emp   change function                  var sub      OPTION selected   this  val               if  flag    1      new row   remove                    topics   val                  var html     lt tr id  new row  class  new row  gt  lt td gt Topics  lt  td gt  lt td gt    lt select    id  topic l  name  topic l  class  topic l  multiple  multiple  gt                var idarr   new Array                var valarr   new Array                        for top in dict tops                             idarr push    top is                  valarr push    pic ele          endfor                             for  var i   0  i  lt  idarr length  i                      if  sub    idarr i                         html      lt option value      idarr i        gt     valarr i      lt  option gt                                                html      lt  select gt  lt  p gt  lt  td gt  lt  tr gt                    tops   append html               flag   1                       lt  script gt  Emp  amp nbsp  amp nbsp  amp nbsp  amp nbsp   lt select id  emp  name  emp  gt       lt option value    gt  lt  option gt       lt option value  1  gt 1 lt  option gt   lt  select gt    lt div name  tops  id  tops  gt  lt  div gt    lt input type  submit  value  Create Template  id  create  onclick  javascript var ret val   return ret   gt

User · Answer

This got me the value and text of the selected options for the jQuery multiselect js plugin       selectBox   multiSelect       afterSelect  function            var selections                   selectBox option selected   each function                var optionValue     this  val                var optionText     this  text                console log  optionText  optionText                                  collect all values             selections push optionValue                           use array  selections  here                   very usefull if you need it for your  onChange  event

User · Answer

the val function called from the select will return an array if its a multiple     select my multiselect   val   will return an array of the values for the selected options - you dont need to loop through and get them yourself

User · Answer

var data     var  el     my-select     el find  option selected   each function        data push  value   this  val   text   this  text          console log data

User · Answer

You could do like this too    lt form action  ResultsDulith php  id  intermediate  name  inputMachine    multiple  multiple  method  post  gt       lt select id  selectDuration  name  selectDuration    multiple  multiple  gt            lt option value  1 WEEK   gt Last 1 Week lt  option gt           lt option value  2 WEEK   gt Last 2 Week  lt  option gt           lt option value  3 WEEK   gt Last 3 Week lt  option gt            lt option value  4 WEEK   gt Last 4 Week lt  option gt             lt option value  5 WEEK   gt Last 5 Week lt  option gt              lt option value  6 WEEK   gt Last 6 Week lt  option gt       lt  select gt        lt input type  submit   gt    lt  form gt    Then take the multiple selection from following PHP code below  It print the selected multiple values accordingly    shift   POST  selectDuration     print r  shift

User · Answer

According to the widget s page  it should be   var myDropDownListValues       myDropDownList   multiselect  getChecked   map function         return this value         get      It works for me

User · Answer

I think the answer may be easier to understand like this    x000D   x000D      empid   on  change  function     x000D    alert   this  val     x000D    console log   this  val     x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 10 0 jquery min js  gt  lt  script gt  x000D   lt select id  empid  name  empname  multiple  multiple  gt  x000D     lt option value  0  gt Potato lt  option gt  x000D     lt option value  1  gt Carrot lt  option gt  x000D     lt option value  2  gt Apple lt  option gt  x000D     lt option value  3  gt Raisins lt  option gt  x000D     lt option value  4  gt Peanut lt  option gt  x000D   lt  select gt  x000D   lt br   gt  x000D  Hold CTRL   CMD for selecting multiple fields x000D   x000D   x000D    If you select  Carrot  and  Raisins  in the list  the output will be  1 3

[javascript] Get value of multiselect box using jQuery or pure JS

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors

Examples related to jquery-validate

Examples related to dom-events