Select Dinamico

Bem estou desenvolvendo um Select dinamico de 4 tipos de animais e os outros são raças, nesse caso eu escolho o tipo de animal (ex: cachorro) teria que no outro select aparecer as raças de todos eles.

	 

	Nesse caso eu consegui apenas chamar os 4 tipo e nao consegui popular as raças no outro select.

	 

<div class="row">
 <div class="col-xs-6">
 <div class="form-group">
 <label for="tipo_nimal">Tipos de Animais</label>

 <select name="tipo_nimal" onchange="buscarCidades()" class="form-control" required="required" id="tipo_nimal">
 <option value="">Selecione uma opcao</option>
 <?php foreach ($animais as $tipo_nimal): ?>
 <?php if ($tipo_nimal['id_nimal'] == $pessoa['id_nimal']){ ?>
 <option selected="selected" value="<?=$tipo_nimal['id_nimal']?>"><?=$tipo_nimal['nome_nimal']." - ".$tipo_nimal['']?></option>
 <?php } else { ?>
 <option value="<?=$tipo_nimal['id_nimal']?>"><?=$tipo_nimal['nome_nimal'];?></option>
 <?php } ?>
 <?php endforeach ?>
 </select>
 </div>
 </div>
 <div class="col-xs-6">
 <div class="form-group">
 <label>racas</label>
 <select name="raca_id" class="form-control" required="required" id="raca_id">
 <option value=""></option>
 </select>

 </div>
 </div>
 </div>

	tentei fazer como se fosse o acima mais tambem nao tive exito e me falaram ajax, mas mexi muito pouco no momento.