enviar mas de una valor por $() Jquery

Iniciado por Slikp, 30 Octubre 2014, 20:23 PM

0 Miembros y 1 Visitante están viendo este tema.

Slikp

Buenas a todos soy novato con esto del Jquery y tengo una duda dado que quiero pasarle mas de un valor a Jquery y no se como se podria en resumidas tengo algo parecido a esto:

Código (html4strict) [Seleccionar]

<form class="crit-form" name="search_form" id="search_form">
<small> El Total de Filas en Base de Datos: <?php echo $total ?> </small>

<option id="resultados"></option>

<small>Por Ficha</small>
<input type="text" name="search_fi" id="search_fi" placeholder="introduzca Codigo Ficha">
<small>Por Cedula</small>
<input type="text" name="search_ci" id="search_ci" placeholder="introduzca Cedula">
<small>Por Nombre</small>
<input type="text" name="search" id="search" placeholder="introduzca un Nombre">
<small>Por Estatus</small>
<select >
<option>Seleccione Estatus</option>
<option selected>Activo</option>
<option>Inactivo</option>
<option>Por Liquidar</option>
<option>Liquidado</option>
</select>
<input type="submit" Value="Procesar">
</form>


- Es mi formulario por donde le paso valores a mi Jquery y posteriosmente a traves de php y en efecto Jquery me muestra unos resultados en el OPTION con Id resultados mi Jquery esta asi:

Código (javascript) [Seleccionar]

$(function(){
$('#search').focus();
$('#search_form').submit(function(e){
e.preventDefault();
})

$('#search').keyup(function(){
var envio = $('#search').val();

$('#resultados').html('<h2><img src="img/loadin.gif" width="20" /> Cargando...</h2>');
$.ajax({
type: 'POST',
url: 'search.php',
data: ('search='+envio),
success: function(resp){
if (resp!="") {
$('#resultados').html(resp);
}
}
})
})
})


- Obviamente esta funcional solo para el input con Id Search, pero y si yo quiero que funcione en los 3 botones?... Intente asi y nada

Código (javascript) [Seleccionar]

$('#search #search_ci #search_fi').keyup(function(){
var envio = $('#search #search_ci #search_fi').val();

Otro mas:
Código (javascript) [Seleccionar]

$('#search', '#search_ci', '#search_fi').keyup(function(){
var envio = $('#search', '#search_ci', '#search_fi').val();

Otra mas en mi ignorancia:
Código (javascript) [Seleccionar]

var $obten = $('#search #search_ci #search_f');
$($obten).keyup(function(){
var envio = $($obten).val();

- Y googleando no e encontrado algo que me sirva o es que tengo que hacer 3 metodos $() uno para cada boton?... Saludos

Shell Root

Hace mucho tiemo que no programo y quizas sea una burrada lo que diré pero intentad así,
Código (javascript) [Seleccionar]
var envio = $('#search').val() + $('#search_ci').val() + $('#search_fi').val();
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

0x5d

Podrías cambiar el #ID por $("input[name=buscar]").keyup...
Donde los 3 input tienen por "name" el valor "buscar".

Saludos!
¡ SIGUEME EN TWITTER -> @JavierEsteban__ !

MinusFour

#3
Cita de: 0x5d en 30 Octubre 2014, 20:29 PM
Podrías cambiar el #ID por $("input[name=buscar]").keyup...
Donde los 3 input tienen por "name" el valor "buscar".

Saludos!

Yo creo que esta idea no está mal:

Código (javascript) [Seleccionar]

$('#search_form input[type=text]').keyup(function() {
  var envio = $(this).val();


Cita de: Shell Root en 30 Octubre 2014, 20:29 PM
Hace mucho tiemo que no programo y quizas sea una burrada lo que diré pero intentad así,
Código (javascript) [Seleccionar]
var envio = $('#search').val() + $('#search_ci').val() + $('#search_fi').val();

Tambien es cierto, que no sabemos si lo que quieres es llamar a tu pagina con los 3 inputs o solo sobre el input que estas escrbieindo.

Slikp

- Toda ayuda es bienvenida Muchas Gracias.

- Shell Root, pense que funcionaria concatenando como lo sugeristes pero no fue así igual gracias bro.

- 0x5d Gracias tu idea funciono pero, Tomare la de MinusFour que tambien me funciono porque no se capas que necesite los name para alguna otra cosa y si los modifico luego no funcionaria el metodo de Jquery en cambio si uso los Type es menos propenso que los tenga que cambiar.

- Sin embargo aun tengo la duda se puede pasar mas de un parametro al $()?? porque supongamos que ahora tengo un type="password" y quiero tambien tenga esa misma funcionalidad como le hago? de momento Muchas Gracias a todos sus respuestas me a solucionado de momento...

Slikp

- Perdon por el doble post pero ya vi la forma de hacerlo aqui la dejo por si alguien mas presenta la duda.

Código (javascript) [Seleccionar]

$('#search, #search_ci, #search_fi').keyup(function(){
    var envio  = $(this).val();
});


- Muchas gracias.

NaSaRiD15

Creo que para lo que quieres, esto te puede servir:

http://api.jquery.com/serialize/

Saludos
Hay que tomarse un tiempo para comprender que solamente sos lo que sos, de ahi a todo lo que tu quieras ser, eso ya depende de vos...