JSFiddle - React, Tailwind, and code Playground

HTML

<select id="first-choice">
   <option value="English">English</option>
   <option value="Spanish">Spanish</option>
</select>

<select id="second-choice">
   <option value="Spanish">Spanish</option>
   <option value="English">English</option>
</select>

JavaScript

$("#first-choice").change(function _optionHandler() {
    var userSelected = $(this).val();
    var second =  $('#second-choice');
    if(typeof _optionHandler.oldOption != 'undefined') {
        $("<option/>", {
            text: _optionHandler.oldOption.text,
            value: _optionHandler.oldOption.value
        }).appendTo(second);
        delete _optionHandler.oldOption;
    }
    var otherOption =  $('#second-choice > option[value!="' + userSelected + '"]').get(0);
   second.get(0).selectedIndex = otherOption.index;
    var optionToRemove = $('#second-choice > option[value="' + userSelected + '"]');
    _optionHandler.oldOption = {
        text: optionToRemove.text(),
        value: optionToRemove.val()
    }
    optionToRemove.remove();
});