Ok, te dejo algo asi que yo habia hecho hace un tiempo... Modificalo, te doy permiso =P
Código HTML:
<html>
<head>
</head>
<body>
<script language="javascript">
var xhr;
function startAjax(){
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else if(window.ActiveXObject){
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
var p=document.getElementById("pais").value;
xhr.open("GET","provincias.php?pais="+p);
xhr.onreadystatechange=function callBack(){
if(xhr.readyState==4){
if(xhr.status==200){
var div=document.getElementById("divProv");
//div.style.visibility="visible";
div.innerHTML=xhr.responseText;
}
}
}
xhr.send(null);
}
</script>
Pais:
<br />
<select name="pais" id="pais" onchange="startAjax();">
<option value="" selected>Elija una Opcion</option>
<option value="ARG">Argentina</option>
<option value="BRA">Brasil</option>
<option value="URU">Uruguay</option>
</select>
<br /><br />
Provincias
<br />
<div id="divProv">
<select name="prov" id="prov">
<option value="" selected>Elija una Opcion</option>
</select>
</div>
</body>
</html> Y el php
Código PHP:
<?php
$p=$_GET['pais'];
switch($p){
case "ARG":
$opt="<option value='bsas'>Buenos Aires</option><option value='stafe'>Santa Fe</option>";
break;
case "BRA":
$opt="<option value='bra'>Brasilia</option><option value='rio'>Rio de Janeiro</option>";
break;
case "URU":
$opt="<option value='mon'>Montevideo</option><option value='con'>Concepcion del Uruguay</option>";
break;
default:
$opt="<option value='' selected>Seleccione Pais</option>";
break;
}
?>
<select name="prov" id="prov">
<?php echo $opt; ?>
</select>