Refrescar datos cuando se hagan cambios

[desweb]

Hola! otra vez aquí solicitando su ayuda.

Tengo un formulario donde me muestra una fecha de entrada y otra de salida, yo tengo que seleccionar la habitación para que me muestre el precio de la habitación, lo días que abarca la fecha de entrada y de salida y el total a pagar (multiplicar precio * dias).

Este codigo ya lo utilizo para otro formulario. El cual tengo que ingresar las fechas manualmente para que me haga la operación.

De que forma podría modificarlo para que me sirva para este formulario??

Código Javascript:

function evento(){
 $("#fecha_out").change(function(e){
    var fecha2 = $(this).val();
      if(fecha2 != ""){
         var fecha1 = $("#fecha_in").val();
           if(fecha1 != ""){
              dia1 = fecha1.substring(8,10);
              mes1 = fecha1.substring(5,7);
              anio1 = fecha1.substring(4,0);
              //----------------------------
              dia2 = fecha2.substring(8,10);
              mes2 = fecha2.substring(5,7);
              anio2 = fecha2.substring(4,0);
            
              var tarifa = $("#tarifa").val();
                    
              $("#verifica").load("fechas.php?dia1=" + dia1 + "&mes1=" + mes1 + "&anio1=" + anio1 + "&dia2=" + dia2 + "&mes2=" + mes2 + "&anio2=" + anio2 + '&tarifa=' + tarifa);
           } else {
               alert("Primero debe seleccionar la Fecha de Entrada");
               return false;
           }
      }
  });
}
 

Si utilizo este mismo código al seleccionar la habitación mi cantidad de días y total aparecen en 0, por lo tanto tengo que seleccionar de nuevo la fecha de salida para que me arroje el resultado correcto.

Se que el error esta aquí $("#fecha_out").change(function(e){ ya que indica que solo cuando de click en ese select haga las operaciones pero ya intente modificarlo por mi select de #habitacion e incluso por el input de tarifa pero me manda un error.

¿Alguien podría ayudarme con otro código o con el mismo?

[Erick_MD9]

Eso es JQuery mi estimado.
Busca .bind y .on en la documentacion. O create una funcion con javascript puro, lo que quieres hacer es muy sencillo.

Saludos.

[desweb]

Eso es JQuery mi estimado.
Busca .bind y .on en la documentacion. O create una funcion con javascript puro, lo que quieres hacer es muy sencillo.

Saludos.

Gracias por el aporte. He buscado varios ejemplos de .bind y .on para entender bien su funcionalidad pero soy muy nuevo en esto de la programacion y no alcanzo a entender mucho. He intentado implementar estas dos funciones pero nomas no me vale.

Código Javascript:

$("#fecha_out").bind('change', function(){
 

[desweb]

Con Javascript puro como dices podría hacer que se actualicen los datos sin problema. Porque en mi primer formulario tengo el problema que si cambian la Fecha de Entrada tienen que volver a seleccionar la Fecha de Salida para que haga el calculo ya que la función esta en este último.

Y en el segundo formulario me gustaría que al seleccionar la habitacion aparecieran de esa forma pero igual si por cualquier razon cambian las fechas pues tambien se actualice todos.

Creo que me estoy complicando mucho las cosas :(

[loncho_rojas]

Si es javascript, pregunta en el foro de Javascript amigo, esto es PHP... saludos