JSFiddle - React, Tailwind, and code Playground

by diffintact

HTML

<div>
    <select multiple id="select1">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
<div>
    <select multiple id="select2"></select>
</div>

JavaScript

$('#select1').click(function () {
     return !$('#select1 option:selected').remove().appendTo('#select2');
 });
 $('#select2').click(function () {
     return !$('#select2 option:selected').remove().appendTo('#select1');
 });