JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<select name="select_valor" id="select_valor">
    <option value="selecione" selected="selected">Selecione...</option>
    <option value="carros">Carros</option>
    <option value="motos">Motos</option>
    <option value="caminhoes">Caminhões</option>
    <option value="outro">outro</option>
</select>
<input type="text" value="" name="outro" id="outro" class="hidden"/>

CSS

input.hidden {
    display: none;
}

JavaScript

$(document).ready(function() {
  // declaração da variável
  
  $("#select_valor").change(function() {
      $outro = $("#outro");
      if ($(this).val() === "outro") {
          $outro.removeClass("hidden");
      } else {
          $outro.addClass("hidden");
          $outro.val("");
      }

  });
    
});