[SOLUCIONADO] Select que muestre resultado en un input

[desweb]

Hola amigos no se si alguien pueda ayudarme!

Tengo un select de habitaciones. Lo que necesito es que una vez que se seleccione la habitacion en input type text me muestre el precio de la habitacion tomada de la misma BD.

SELECT

Código PHP:

<select class="solicitud" name="habitacion" id="habitacion" onchange="tarifa(this.value)">
  <option value="0">-- Seleccione habitación --</option>
    <?php
      $habitaciones = mysql_query("SELECT * FROM habitaciones") or die(mysql_error());
      while($datos_habitacion = mysql_fetch_array($habitaciones)){
          echo "<option value=".$datos_habitacion['habitacion'].">".$datos_habitacion['habitacion']."</option>"; 
     }
     ?>
</select>
 
<input type="text" id="tarifa" name="tarifa" />
 

Lo intente hacer con un onchange (función javascript) pero soy novato en esto. No se si alguien pudiera ayudarme con el proceso.

Código Javascript:

<script language="javascript">
function tarifa(value){
  //Se que con JS no puedo hacer consultas PHP para tomar la tarifa $datos_habitacion['tarifa'], 
  //por lo tanto lo que supongo se tiene que hacer es enviar la variable value a otro php donde busque la tarifa 
  //y muestre el resultado en el input tarifa.
}
</script>
 

De antemano Gracias

[desweb]

Bueno logre hacer esto

Código PHP:

<select class="solicitud" name="habitacion" id="habitacion" onchange="tarifa(this.value)">
      <option value="0">-- Seleccione habitación --</option>
        <?php
          $habitaciones = mysql_query("SELECT * FROM habitaciones") or die(mysql_error());
          while($datos_habitacion = mysql_fetch_array($habitaciones)){
              echo "<option value=".$datos_habitacion['habitacion'].">".$datos_habitacion['habitacion']."</option>";
         }
         ?>
    </select>
     
    <div id="tarifa"></div>
 

Código Javascript:

$(document).ready(function(){
  $('#habitacion').change(function(){
    var id=$('#habitacion').val();
       $('#tarifa').load('tarifa.php?id='+id);
  });    
});
 

Pero solo me funciono con el div y yo necesito que se coloque en el input.


¿Porque si el div y el input utilizan el mismo id no me lo carga en el input ?

Código Javascript:

$('#tarifa').load('tarifa.php?id='+id);
 

Código PHP:

<input type="text" id="tarifa" name="tarifa" />
 

[desweb]

Ya logre hacerlo.