Select recenbendo de outro select json e php

[FamiluMoura 0]

tenho 3 select onde o segundo depende do primeiro para aparecer e o terceiro dependo do segundo. depois que  o cliente cadastrar. e quer fazer alguma alteração não consigo setar os três. so consigo o primeiro q não manda a ação para o segundo. ai teria que clicar para poder aparecer o segundo select

Aqui abaixo esta o primeiro setado. so que pra aparecer o segundo preciso clicar no primeiro que chama o ajax

<option value="">Selecione</option>
     <?php       
      foreach ($rst as $dados){
       $id = $dados['idDepartamento'];
       if($dados['idDepartamento']==$idDepartamento){echo '<option value='.$id.' selected>'.$dados['departamento'].'</option>';}else{
      echo '<option value='.$id.'>'.$dados['departamento'].'</option>';}}
      
     ?>

 

aqui é o arquivo do segundo q foi chamado não aparece na tela. mais preciso clica no departamento pra poder aparecer

 

$dep = $_POST['dep'];
 if(!empty($dep)):
 $procura = "SELECT * FROM subdepartamento WHERE idDepartamento = $dep ";

 $resDep = $db->query($procura, PDO::FETCH_ASSOC) or die("erro");
?>
<script>
$(document).ready( function() {
$("#subDepartamento").change(function(){
 $.ajax({
   "type": "POST",
   "url" : "frm/php/categoriaA.php",
    data: {subDep:$(this).val()} ,
   "success" : function(data){
    $("#cat").html(data);
   }    
   });
 return false;
}); 
})
</script>
<select id="subDepartamento" name="subDepartamento" class="input2">
    <option value="">
     Selecione
    </option>

    <?php
     foreach ($resDep as $row){
        echo '<option value='.$row['idSubDepartamento'].'>'.$row['subDepartamento'].'</option>';

    }
    ?>
   
   </select>