Jquery-Dynamically select more than one option in multiselect

Question

<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.

Answer 1

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

Answer 2

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