Foros del Web » Programando para Internet » Javascript »

Saber el cambio de un input text

Estas en el tema de Saber el cambio de un input text en el foro de Javascript en Foros del Web. Hola a todos, La duda que tengo es la siguiente, tengo un input text, un input de busqueda, lo que quiero hacer es que a ...
  #1 (permalink)  
Antiguo 10/02/2011, 08:56
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 15 años, 5 meses
Puntos: 2
Busqueda Saber el cambio de un input text

Hola a todos,

La duda que tengo es la siguiente, tengo un input text, un input de busqueda, lo que quiero hacer es que a medida que escriba comienze la busqueda y me muestre los resultados, eso lo lograria hacer con ajax, pero como aplico esta propiedad? ps en el onChange no me da, porque no hace nada hasta que quite el foco del input, alguien me puede colaborar?

Gracias...
  #2 (permalink)  
Antiguo 10/02/2011, 08:59
 
Fecha de Ingreso: febrero-2011
Mensajes: 14
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Saber el cambio de un input text

prueba con la opcion de onkeyup no con el onchange
  #3 (permalink)  
Antiguo 10/02/2011, 09:05
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 15 años, 5 meses
Puntos: 2
Respuesta: Saber el cambio de un input text

Si asi probe tambien, se me olvido comentarlo, lo que pasa es q tengo la opcion para hacer un autocomplete, al mostrar las opciones del autocomplete y le doy clic a cualquiera de esas opciones, no me va a hacer la busqueda con ese texto, porque ya no es onKeyup
  #4 (permalink)  
Antiguo 10/02/2011, 09:07
 
Fecha de Ingreso: febrero-2011
Mensajes: 14
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Saber el cambio de un input text

tu tienes esto, tienes el textbox le escribes te aparece una lista asi como con filtro y le haces click y el dato pasa al textbox eso? si no puedes ser un poco mas detallista porfa
  #5 (permalink)  
Antiguo 10/02/2011, 09:10
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Saber el cambio de un input text

Hola

Como no te he entendido, te remito a que busques en la faq de ajax. Yo mismo monté un auto-complete. Pruebalo a ver que tal

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #6 (permalink)  
Antiguo 10/02/2011, 09:14
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 15 años, 5 meses
Puntos: 2
Respuesta: Saber el cambio de un input text

Cita:
Iniciado por Adler Ver Mensaje
Hola

Como no te he entendido, te remito a que busques en la faq de ajax. Yo mismo monté un auto-complete. Pruebalo a ver que tal

Suerte
Y donde puedo ver tu autocomplete?

de igual manera voy a poner mi codigo para hacerme entender mejor

Código HTML:
Ver original
  1. <input type="text" name="inputString" id="inputString_<?=$row["id"]?>" onkeyup="lookup(this.value,'<?=$row["id"]?>');" onblur="fill();" onchange="loadMedia('<?=$row["id"]?>')" />

Funcion del onKeyup

Código Javascript:
Ver original
  1. function lookup(inputString,vCateg) {
  2.         if(inputString.length == 0) {
  3.             $('#suggestions_'+vCateg).hide();
  4.         } else {
  5.             $.post("subs/rpc.php", {queryString: ""+inputString+"", vCateg: ""+vCateg+""}, function(data){
  6.                 if(data.length >0) {
  7.                     $('#suggestions_'+vCateg).show();
  8.                     $('#autoSuggestionsList_'+vCateg).html(data);
  9.                 }
  10.             });
  11.         }
  12.     } // lookup

funcion en el onChange
Código Javascript:
Ver original
  1. function loadMedia(vCateg){
  2.         alert($('#inputString_'+vCateg).val());
  3.  
  4.     }//endFunction loadmedia

Etiquetas: input, txt, cambios
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 05:10.