JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<select id="category" name="category">
    <option value="">Please select...</option>
    <option value="1">Category-1</option>
    <option value="2">Category-2</option>
    <option value="3">Category-3</option>
    <option value="4">Other</option>
</select>
<input type="text" id="otherCategory" name="otherCategory" value="" style="display: none;">

JavaScript

$(document).ready(function () {

        $('#category').on('change', function () {
            var myValue = $(this).val();
            var myText = $.trim($("#category :selected").text()).toLowerCase();

            $("#otherCategory").toggle(myText === 'other');
        });
    });