Jquery, mudar a proxima select option de acordo com a Anterior

Ola, boa tarde! estou querendo editar o js mas nao sem ideia de como começar, primeiro ele busca o estado, responde as cidades, ai vem o meu problema, quando selecionar a cidade quero que ele retorne em outro select o valor da tabela que está em planos.php

<script type="text/javascript">
function buscar_cidades(){
	var estado = $('#estados').val(); //codigo do estado escolhido
	//se encontrou o estado
	if(estado){
 var url = '<?= base_url(); ?>/<?= DIR_ADM; ?>/ultilitarios/cidades.php?id_estado='+estado; //caminho do arquivo php que irá buscar as cidades no BD
 $.get(url, function(dataReturn) {
 $('#cidade').html(dataReturn); //coloco na div o retorno da requisicao
 });
 }
	}

function buscar_servidores(){
	var servidor = $('#servidores').val(); //codigo do servidor escolhido
	//se encontrou o servidor
	if(servidor){
 var url = '<?= base_url(); ?>/<?= DIR_ADM; ?>/ultilitarios/planos.php?id_cidade='+servidor; //caminho do arquivo php que irá buscar os planos no BD
 $.get(url, function(dataReturn) {
 $('#plano').html(dataReturn); //coloco na div o retorno da requisicao
 });
 }
	}
</script>

la em planos.php por usa vez vai fazer a busca de acordo com a cidade escolinha.

$consulta = $BancoDeDados->query_prepare("SELECT * FROM servidor_planos WHERE id_cidade = :id_cidade ", array( ':id_cidade' => $id_cidade));

no script acima ele ta fazendo isso separado, sem o planos.php pegar a cidade escolinha.