Estou inserindo informações em um formulário e preciso que meus selects fiquem dependentes. Neste caso, tenho dois selects, contendo informações de estado e a partir do estado selecionado, as informações de cidades irão aparecer no outro select. Como fazer?
<div id="info-geo">
<form name="novosDados" action="conexao.php" method="POST">
<legend class="titulo" >Adicionar novo registro </legend> <br><br>
<div class="w3-row-padding">
<div class="w3-half">
<label for="name">Estado</label>
<select class="w3-select" name="estado">
<option value="" disabled selected>Escolha um estado</option>
<option value="BR">MG</option>
<option value="EDE">SP</option>
<option value="EVR">RJ</option>
</select>
</div>
<div class="w3-half">
<label for="name">Cidade</label>
<select class="w3-select" name="cidade">
<option value="" disabled selected>Escolha uma cidade</option>
<?php
if ($estado == 'MG'){ ?>
<option value="BH">Belo Horizonte</option>
<option value="Ipatinga">Ipatinga</option>
<?php
}
?>
</select>
</div>
....
....
....
....
</form>
Como pegar esse valor $estado, do meu primeiro select ?