JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Restore All Options</a>
<select id="visible">
    <option>Choose One</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<select id="hidden"></select>

CSS

#hidden {
    display : none;
}

JavaScript

$('#visible').on('change', function () {
    $(this).children().eq(this.selectedIndex).appendTo('#hidden');
});
$('a').on('click', function () {
    $('#hidden').children().appendTo('#visible');
});