CODEWITHSUNDEEP
jquerymulti-select
Surabhi
Surabhi

Reputation: 3896

Jquery-Dynamically select more than one option in multiselect

<select id="program" multiple="multiple">
    <option value="movie">Movie</option>
    <option value="series">TV Series</option>
    <option value="episode">Episode</option>
</select>

In the above select, I want to dynamically select option movie and series. 

  var options = [movie,series]
  options.forEach(function(e){
       $("#program select").attr('value',e);
  });

Above code selects only series option.

Upvotes: 1

Views: 3253

Answers (2)

billyonecan
billyonecan

Reputation: 20250

Set the selected property on the options, rather than setting the value of the select:

$("#program option[value=" + e + "]").prop('selected', true);

Here's a fiddle

Upvotes: 3

acarlon
acarlon

Reputation: 17264

billyonecan's answer is correct. If you want more advanced multiselect, then see here. Demos here.

Upvotes: 0

Related Questions