JSFiddle - React, Tailwind, and code Playground

by alemarch

HTML

<select id="movieName" multiple>
    <option selected>Avatar</option>
    <option selected>Toy Story</option>
    <option >Forest Gump</option>
    <option selected>Star wars</option>
</select>
<button id="btnRight">transfer</button>    
<div id="result"></div>

JavaScript

$("#btnRight").click(function(){
    //old
    var selectedOpts = $("#movieName option:selected").text();
    alert(selectedOpts)
    
    //new
    var lines = [];
    $("#movieName option:selected").each(function(){
        lines.push($(this).text())
    });
    alert(lines.join("\n"))
    $("#result").html(lines.join("<br>"))
  })