JSFiddle - React, Tailwind, and code Playground

by collypops

HTML

<select multiple>
  <option value=one selected>one</option>
  <option value=two>two</option>
  <option value=three>three</option>
</select>
<div id=originalSelections></div>
<div id=cloneSelections></div>

JavaScript

function listSelections() {
  function getSelections($select) {
      return $.map($select.find(":selected"), function(el) {
          return $(el).val();
      }).join(", ");  
  } 
    $("#originalSelections").html("Original: " + getSelections($(this)));
  $("#cloneSelections").html("Clone: " + getSelections($(this).clone()));
}
                 
listSelections.call($("select"));
$("select").bind("change", listSelections);