Mostrar un valor despues de seleccionar dos select dependientes con ajax

[nades]

Hola
He creado dos select dependientes con Ajax.
El primero te pide que selecciones el edificio y una vez que lo eliges te deja seleccionar la habitacion que deseas.

Quisiera que una vez que hace las dos selecciones me coloque el precio de la habitacion.

Es la primera vez que uso Ajax y la verdad no se como tomar el ultimo select para hacer mi consulta y mostrar mi precio

Alguna idea???

[ArkangelGammar]

Es el mismo principio que utilizas con el primer select.

Lo que haces al detectar el cambio del segundo, realizar una consulta a una pagina por post y colocar el resultado en un div.

Ejemplo:

Código PHP:

  function obtenerValorHabitacion(){
    var habitacion     = document.getElementById('id_habitacion');
    id_habitacion     = motivo.value;
    if (window.XMLHttpRequest){
                // IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }else{
                // IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function(){
                if (xmlhttp.readyState==4 && xmlhttp.status==200){
                    document.getElementById("div_donde_se_coloca_el_valor_habitacion").innerHTML    =xmlhttp.responseText;
                }
            }
            xmlhttp.open("POST","obtenerValorHabitacion.php?hab="+id_habitacion,true);
            xmlhttp.send();
} 
   

Y la funcion la llamas con el evento onchange del select.

Espero haber ayudado.

Saludos

[nades]

no logre hacerlo, crees que pudieras ayudarme???

Este es mi codigo

select_proceso.php

Esta es la parte donde se imprime mi select de habitaciones

if(validaSelect($selectDestino) && validaOpcion($opcionSeleccionada))
{
$tabla=$listadoSelects[$selectDestino];
include 'includes/conexion.php';
conectar();
$consulta=mysql_query("SELECT idhabitacion, numerohabitacion FROM $tabla WHERE idedificio='$opcionSeleccionada AND activo=1'") or die(mysql_error());
desconectar();

echo "<select name='".$selectDestino."' id='".$selectDestino."' onChange='obtenerTarifa()' >"; Aqui llamo a la funcion
echo "<option value='0'>Selecciona...</option>";
while($registro=mysql_fetch_row($consulta))
{
$registro[1]=htmlentities($registro[1]);
echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
}
echo "</select>";
}

[nades]

En el archivo .js donde tenia mi codigo AJAX que es el que llama al archivo select_proceso.php coloque el codigo que me enviaste

function obtenerTarifa(){
var habitacion = document.getElementById('idhabitacion');
idhabitacion = motivo.value;
if (window.XMLHttpRequest){
// IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{
// IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("tarifa").innerHTML =xmlhttp.responseText;
}
}
xmlhttp.open("POST","tarifa.php?hab="+idhabitacion ,true);
xmlhttp.send();
}

[nades]

y tarifa.php quedo asi

Código PHP:

<?php
 
  include 'includes/conexion.php';
  conectar();
  $consulta=mysql_query("SELECT precio FROM habitaciones") or die(mysql_error());
  desconectar();
  
  $row = mysql_fetch_assoc($consulta);
 
  echo "'".$row."'";
?>
 

[ArkangelGammar]

el problema esta aca:

Código PHP:

  <select name='".$selectDestino."' id='".$selectDestino."' onChange='obtenerTarifa()' > 
   

La funcion javascript necesita saber el id del combobox de las habitaciones.

te sugiero que lo cambies por esto:

Código PHP:

  <select name='".$selectDestino."' id='idhabitacion' onChange='obtenerTarifa()' >
//idhabitacion es llamado en el js por el document.getElementById('idHabitacion') 
   

Espero haber sido de ayuda
Cualqueir cosa avisame.

Saludos

[nades]

mira que no me ha funcionado

Quiza el problema es donde coloque la funcion. Esta en mi archivo con todas mis funciones de AJAX, la colocare en mi index mejor o eso no afecta?

o igual sea mi archivo tarifa.php donde hago mi consulta. La cambie así

Código PHP:

<?php
 
$idhabitacion = $_POST('hab');
     
include 'includes/conexion.php';
conectar();
$consulta=mysql_query("SELECT precio FROM habitaciones WHERE idhabitacion='".$idhabitacion."'") or die(mysql_error());
desconectar();
     
echo "'".$consulta."'";
?>