JSFiddle - React, Tailwind, and code Playground

by housewm

HTML

<div class="item1">
    <legend>Title</legend>
    <select name="title" id="title">
        <option value="Please select">Please select</option>
        <option value="-------------">-------------</option>
        <option value="Other">Other</option>
    </select>
    <div class="item-include">
        <legend style="margin-top:10px">Other title</legend>
        <input type="text" id="title-other" />
    </div>
</div>

JavaScript

$(document).ready(function () {
    $('#title').live('change', function () {

        var op = $('#title').val();
        switch (op) {
            case 'Please select':
                $('.item-include').css("display", "none");
                break;
            case '-------------':
                $('.item-include').css("display", "none");
                break;
            case 'Other':
                $('.item-include').css("display", "block");
                break;
        }
    });
});