JSFiddle - React, Tailwind, and code Playground

by mcgrailm

HTML

<select id="choice">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
        <option value="other">other</option>
</select>
<input type='text' id="other" class="hidden" />

CSS

.hidden
{
display:none;
}

JavaScript

$('#choice').change(function(){
    var selected_item = $(this).val()
        if(selected_item == "other"){
            $('#other').val(selected).removeClass('hidden');
        }else{
            $('#other').val(selected).addClass('hidden');
        }
});