Imprimir Página - enviar mas de una valor por $() Jquery

Título: enviar mas de una valor por $() Jquery
Publicado por: Slikp en 30 Octubre 2014, 20:23 pm

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

<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

 $(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

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

Otro mas:

Código

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

Otra mas en mi ignorancia:

Código

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

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: 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

var envio = $('#search').val() + $('#search_ci').val() + $('#search_fi').val();

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: 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!

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: MinusFour en 30 Octubre 2014, 20:35 pm

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

$('#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

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.

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: Slikp en 30 Octubre 2014, 20:43 pm

- 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...

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: Slikp en 30 Octubre 2014, 20:57 pm

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

Código

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

- Muchas gracias.

Título: Re: enviar mas de una valor por $() Jquery
Publicado por: NaSaRiD15 en 31 Octubre 2014, 00:20 am

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

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

Saludos

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Slikp en 30 Octubre 2014, 20:23 pm