index.php
- Código: Selecionar tudo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("select[name=estado]").change(function(){
$("select[name=cidade]").html('<option value="0">Carregando...</option>');
$.post("cidades.php",
{estado:$(this).val()},
function(valor){
$("select[name=cidade]").html(valor);
}
)
})
})
</script>
</head>
<body>
<form action="" method="post">
<select name="estado">
<option value="0">Escolha um Estado</option>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("mxmasters");
$sql = "SELECT * FROM tb_estados ORDER BY nome ASC";
$qr = mysql_query($sql) or die(mysql_error());
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['id'].'">'.$ln['nome'].'</option>';
}
?>
</select>
<select name="cidade">
<option value="0" disabled="disabled">Escolha um Estado Primeiro</option>
</select>
</form>
</body>
</html>
cidades.php
- Código: Selecionar tudo
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("mxmasters");
$estado = $_POST['estado'];
$sql = "SELECT * FROM tb_cidades WHERE estado = '$estado' ORDER BY nome ASC";
$qr = mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($qr) == 0){
echo '<option value="0">'.htmlentities('Não cidades nesse estado').'</option>';
}else{
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['id'].'">'.$ln['nome'].'</option>';
}
}
?>
Obs.: O jquery está sendo ensinado a baixar na video aula, e tbm o arquivo sql com os estados e cidades.
