JSFiddle - React, Tailwind, and code Playground

by Michel Plungjan

HTML

<select id="foo" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

<select id="bar" multiple="multiple">
    <option value="1">Opt 1</option>
    <option value="2">Opt 2</option>
    <option value="3">Opt 3</option>
    <option value="4">Opt 4</option>
</select>
<a href="#" id="sel">Select</a>

JavaScript

$("#sel").click(function(e) {
    $("#foo option:selected ").each(function(){
    var v = $(this).attr("value");
    $('#bar option').each(function(){
        if ($(this).attr("value") == v) {
          $(this).attr("selected",true);
      }
    });
  });
  return false;
})