JSFiddle - React, Tailwind, and code Playground

by hescano

HTML

<select multiple="multiple" class="options" id="textarea">
     <option value="item1">Item 1</option>
     <option value="item2">Item 2</option>
     <option value="item3">Item 3</option>
     <option value="item4">Item 4</option>
     <option value="item5">Item 5</option>
    </select>

<select id="textarea2" multiple class="remove">
</select>

<input type="button" value="Copy Selected" id="copy" />
<input type="button" value="Move" id="remove" />

JavaScript

$("#copy").on("click", function()
{    
    $("#textarea2").append($("#textarea option:selected").clone());
});

$("#remove").on("click", function(){
    $("#textarea2").append($("#textarea option:selected"));
});