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("").removeClass('hidden');
        }else{
            $('#other').val(selected_item).addClass('hidden');
        }
    });