JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selector">
<option>Boats</option>
<option>Cars</option>
<option>Houses</option>
</select>
<span id="selected">Boats</span>
<a id="changer" href="#">change</a>

CSS

select {
 display: none;        
}

JavaScript

$(document).ready(function() {
    $('#changer').click(function(e) {
        $('#selector').show();
        $('#changer, #selected').hide();
        e.preventDefault();
        return false;
    });
    $('#selector').change(function() {
        $('#selected').text($(this).val()).show();
        $('#changer').show();
        $('#selector').hide();
    });
});