JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fisico">

  <select id="test" name="form_select" onchange="mostrarCidade(this)">
     <option value="0">Estados</option>
     <option value="1">Rio de Janeiro</option>
     <option value="2">Espirito Santo</option>
     <option value="3">Minas Gerais</option>
  </select>

  <div id="cidadeRio" class="cidades">
  
    <select id="rio" name="form_rio" onchange="mostrarEndereco(this)">
       <option value="0">Cidade</option>
       <option value="1">ITAPERUNA</option>
       <option value="2">CAMPOS DOS GOYTACAZES</option>
       <option value="3">RIO DAS OSTRAS</option>
       <option value="4">MACAÉ</option>
       <option value="5">SAQUAREMA</option>
       <option value="6">MARICA</option>
       <option value="7">ARARUAMA</option>
       <option value="8">CABO FRIO</option>
       <option value="9">RIO BONITO</option>
       <option value="10">SÃO PEDRO DA ALDEIA</option>
       <option value="11">NOVA FRIBURGO</option>
       <option value="12">PETROPOLIS</option>
       <option value="13">TERESOPOLIS</option>
    </select>
    
    <br>

    <div class="ruas ruasRio">
        <div id="itaperuna">AV CARDOSO MOREIRA nº325 - Centro</div>
        <div id="campos">AV 7 DE SETEMBRO nº492 - Centro</div>
        <div id="ostras">AV AMARAL PEIXOTO nº4472 - BALNEARIO REMANSO</div>
        <div id="macae">AV RUI BARBOSA nº663 - Centro</div>
        <div id="saquarema"> RUA PROF FRANCISCO FONSECA nº350 - Bacaxa</div>
        <div id="marica"> PC CONSELHERO MACEDO SOARES nº168 - Centro</div>
        <div id="araruama"> RUA MAJOR FELIX MOREIRA nº107 - Centro</div>
        <div id="cabo"> RUA TEIXEIRA E SOUZA  nº31 - Centro</div>
        <div id="bonito">RUA XV DE NOVEMBRO nº104</div>
        <div id="pedro">RUA DR ANTONIO ALVES nº208/218 - Centro</div>
        <div id="friburgo">AV ALBERTO BRAUNE nº64 - Centro</div>
        <div id="petropolis">RUA DO IMPERADOR nº751 - Centro</div>
        <div id="teresopolis">AV DELFIM MOREIRA nº610 - Centro</div>
   ...

CSS

.cidades {
  display:none;
  position:relative;
}
.ruas {
  width: 200px;
  text-align: center;
  text-align-last: center;
}
.ruas > div {
  display:none;
}
select {
  width: 200px;
  text-align: center;
  text-align-last: center;
}

JavaScript

function mostrarCidade(select){

   if(select.value==1) {
   
      document.getElementById('cidadeRio').style.display = "block";
      document.getElementById('cidadeEs').style.display = "none";
      document.getElementById('cidadeMinas').style.display = "none";
      
   } else if(select.value==2){
   
      document.getElementById('cidadeRio').style.display = "none";
      document.getElementById('cidadeEs').style.display = "block";
      document.getElementById('cidadeMinas').style.display = "none";
      
   } else if(select.value==3){
   
      document.getElementById('cidadeRio').style.display = "none";
      document.getElementById('cidadeEs').style.display = "none";
      document.getElementById('cidadeMinas').style.display = "block";
      
   } else {
   
      document.getElementById('cidadeRio').style.display = "none";
      document.getElementById('cidadeEs').style.display = "none";
      document.getElementById('cidadeMinas').style.display = "none";
      
	 }
}

function mostrarEndereco(select) {
   if(select.value == 1) {
      document.getElementById('itaperuna').style.display = "block";
      document.getElementById('campos').style.display = "none";
            document.getElementById('ostras').style.display = "none";
            document.getElementById('macae').style.display = "none";
            document.getElementById('saquarema').style.display = "none";
            document.getElementById('marica').style.display = "none";
            document.getElementById('araruama').style.display = "none";
            document.getElementById('cabo').style.display = "none";
            document.getElementById('bonito').style.display = "none";
            document.getElementById('pedro').style.display = "none";
            document.getElementById('friburgo').style.display = "none";
            document.getElementById('petropolis').style.display = "none";
            document.getElementById('teresopolis').style.display = "none";
            
    } else...