JSFiddle - React, Tailwind, and code Playground

by Marllon Nasser

HTML

<div id="ocultar">
  <select name="finalidade">
    <option value="2">Não Mostrar outra div</option>
    <option value="3">Mostrar outra div</option>
  </select>
</div>


<div id="ocultar_div" style="display: none;">
  <fieldset>
    <div class="form-group">
      <label class="col-sm-2 control-label">Colaborador</label>
      <div class="col-sm-6">
        <select name="colaborador" class="chosen-select input-md form-control" required disabled>
          <option value="0" selected>Selecione um Colaborador</option>

        </select>
      </div>
    </div>
  </fieldset>
</div>

JavaScript

$("select[name=finalidade]").change(function() {
  var tipo = $(this).val();
  var iddiv = $("select[name=finalidade]").parent().attr('id') + '_div';
  MostrarEsconderDiv(tipo, iddiv);
});


function MostrarEsconderDiv(tipo, div) {
  var elemento = $("#" + div).find("select");
  if (tipo == 3) {
    $("#" + div).css("display", "block");
    elemento.prop("disabled", false);
  } else {
    $("#" + div).css("display", "none");
    elemento.prop("disabled", true);
  }
}