Lista Select con ajax php y Mysql

[Literman]

Hola a todos, espero me puedan ayudar con esto.

Tengo un select que debería controlar una lista de registros desde una base de datos, traigo la info con PHP+MySql, pero como está en una web vertical no quiero que se refresque así que creo que se debe hacer con Ajax.

Podrían pasarme algún tutorial de como hacerlo o si me pueden explicar sería genial. Adjunto una imagen del diseño para que se den una mejor idea.

Saludos.

[thezzin]

este seria el html-ajax por $_GET

Código HTML:

<script language="JavaScript">
// JavaScript Document
var xmlHttp
function seleccione(selectId){ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null){
alert ("Browser does not support HTTP Request")
return
}
var url="tes.php"
url=url+"?sele="+selectId+"&"
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged() { 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
document.getElementById("selected").innerHTML=xmlHttp.responseText
 } 
}
function GetXmlHttpObject(){
var xmlHttp=null;
try
{
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e){
//Internet Explorer
 try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
</script>
Seleccione <select onChange="seleccione(this.value);">  
<option>esta es una Opcion sin contenido para retornar false
<option value="opciona">opcion 1
<option value="opcionb">opcion 2
<option value="opcionc">opcion 3
</select>
<div id="selected"></div> 

y este seria el código php de tes.php que se llama por ajax

Código PHP:

  <?php 
if(isset($_GET['sele'])){ 
$sele = $_GET['sele']; 
echo 'Opcion seleccionada es: <strong>'.$sele.'</strong><br />'; 
$t = '<a href="#" title="url" onClick="seleccione(this.title);">Click Aqui</a>'; 
} 
$arra = array( 
'opciona' => 'Esta es-opcion A-array', 
'opcionb' => 'Esta es-opcion B-array<br />'.$t, 
'opcionc' => "Esta es-opcion C-array", 
'url' => "URL", 
); 
$can = isset($arra[$sele]) ? $arra[$sele] : "No Contenido!en el array!"; 
echo $can; 
// o con switch... 
switch ($sele){ 
case 'opciona': 
echo '<br /><br />Esta es-opcion A con switch'; 
break; 
case 'opcionb': 
echo '<br /><br />Esta es-opcion B con switch'; 
break; 
case 'opcionc': 
echo '<br /><br />Esta es-opcion C con switch<br />'; 
echo $t; 
break; 
default; 
echo "<br /><br />No Contenido en el switch!"; 
break; 
} 
?>   

ya con ese codigo tienes para armar tu consulta a la db que envía ajax por $_GET
y mostrar el menú que se a seleccionado sin que se refresque el explorador web