JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<select id="cursos" name="cursos" multiple>
<option selected>curso 1</option>
<option selected>curso 2</option>
<option>curso 3</option>
<option>curso 4</option>
</select>


<select id="cursosrealizados" name="cursosrealizados" multiple>

</select>

JavaScript

//Se deseja copiar ao carregar a página
$(document).ready(function(){
    $('#cursosrealizados').html('');//limpa cursos realizados
    //faz loop pelas opcoes selecionads no select de cursos
    $('#cursos option:selected').each(function() {
       //clona a opcao selecionada
       var opt = $(this).clone(true).prop('selected',true);
       //coloca no select de cursos realizados
       $('#cursosrealizados').append(opt);
    });
});

//Se você deseja copiar ao selecionar
$('#cursos').on('change', function(){
    $('#cursosrealizados').html('');//limpa cursos realizados
    //faz loop pelas opcoes selecionads no select de cursos
    $('#cursos option:selected').each(function() {
       //clona a opcao selecionada
       var opt = $(this).clone(true).prop('selected',true);
       //coloca no select de cursos realizados
       $('#cursosrealizados').append(opt);
    });
});