JSFiddle - React, Tailwind, and code Playground

by gustavox

HTML

<form method="post" id="Tform">
    <label id="Cmot"> Motivo do desligamento: </label>
            <label for="motde"></label>
            <select id="motde">
            <option name="Tmot" id="Cscj" value="nada"> option1</option>
            <option name="Tmot" id="Crict" value="mostrarc"> option2</option>
            <option name="Tmot" id="Cajcp" value="mostrard"> option3</option>
            <option name="Tmot" id="Ctpd" value="nada"> option4</option>
            <option name="Tmot" id="Ctpe" value="nada"> option5</option>
    </select>
    <div id="justcausa" style="display:none"><br>
        <label>Conteúdo da div</label> 
    </div>
    <div id="rescind" style="display:none">
            Conteúdo da div
    </div>
</form>

JavaScript

$(function(){
            $("#motde").change(function(){
                if($(this).val()=='mostrard'){
                    $('#justcausa').show();
                    $('#rescind').hide();
                }
                if ($ (this).val()=='mostrarc'){
                    $ ('#rescind').show();
                    $('#justcausa').hide();
                }
                if ($ (this).val()=='nada') {
                    $ ('rescind').hide();
                    $ ('justcausa').hide();
                }
                });
        });