Estilo en combos

[jackson666]

Y son menues dependientes.... es algo asii


Este seria el AJAX

Código PHP:

  <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> 
  

Y este el php (provincias.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>