Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cambiar resultado mientras se ingresa un valor

Estas en el tema de Cambiar resultado mientras se ingresa un valor en el foro de Frameworks JS en Foros del Web. Hola, tengo un formulario en el cual hay un input donde ingreso numeros, la cosa es que de acuerdo al numero que ingrese se deb ...
  #1 (permalink)  
Antiguo 09/06/2011, 19:05
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 956
Antigüedad: 17 años, 5 meses
Puntos: 8
Cambiar resultado mientras se ingresa un valor

Hola, tengo un formulario en el cual hay un input donde ingreso numeros, la cosa es que de acuerdo al numero que ingrese se deb ir multiplicando por un número fijo, el resultado se muestra en un DIV, todo esto funciona pero lo he hecho en el metodo blur, yo quisiera que se haga cuando se ingresen los numeros en el input.

Espero que me des alguna guía de como hacerlo. Gracias.
__________________
El aprendiz.
  #2 (permalink)  
Antiguo 10/06/2011, 07:57
Avatar de diegovazgonz  
Fecha de Ingreso: octubre-2010
Ubicación: Ourense
Mensajes: 184
Antigüedad: 10 años
Puntos: 11
Respuesta: Cambiar resultado mientras se ingresa un valor

prueba con "change"

http://api.jquery.com/change/
  #3 (permalink)  
Antiguo 10/06/2011, 11:16
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 956
Antigüedad: 17 años, 5 meses
Puntos: 8
Respuesta: Cambiar resultado mientras se ingresa un valor

Ya probe con change y el resultado se muestra cuando el control pierde el foco, como si fuera un blur. Te pongo el codigo:
Código Javascript:
Ver original
  1. $( "input[type='text']#valpeso" ).change( function( ) {
  2.    
  3.     var peso = $( this ).val();
  4.     var res = $( "#resultado_calculo" );
  5.    
  6.     $.ajax({
  7.         type: "post",
  8.         url: "procesos/devolverTransportesNacionales.php",
  9.         data: {peso:peso},
  10.         dataType: 'json',
  11.         success: function( datos ) {
  12.             var can = datos.length;
  13.             var con = "";
  14.            
  15.             con = '<ul>';
  16.             for ( var i = 0; i < can; i++ ) {
  17.                 con += '<li><span>' + datos[ i ].transporte + ': </span> ' + datos[ i ].tarifa + '</li>';
  18.             }
  19.             con += '</ul>';
  20.            
  21.             res.html( con );
  22.         }
  23.     });
  24.    
  25. } );
__________________
El aprendiz.

Etiquetas: ajax, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:18.