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:
<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:
$(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
$('#search #search_ci #search_fi').keyup(function(){
var envio = $('#search #search_ci #search_fi').val();
Otro mas:
$('#search', '#search_ci', '#search_fi').keyup(function(){
var envio = $('#search', '#search_ci', '#search_fi').val();
Otra mas en mi ignorancia:
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
Hace mucho tiemo que no programo y quizas sea una burrada lo que diré pero intentad así,
var envio = $('#search').val() + $('#search_ci').val() + $('#search_fi').val();
Podrías cambiar el #ID por $("input[name=buscar]").keyup...
Donde los 3 input tienen por "name" el valor "buscar".
Saludos!
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:
$('#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í,
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.
- 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...
- Perdon por el doble post pero ya vi la forma de hacerlo aqui la dejo por si alguien mas presenta la duda.
$('#search, #search_ci, #search_fi').keyup(function(){
var envio = $(this).val();
});
- Muchas gracias.
Creo que para lo que quieres, esto te puede servir:
http://api.jquery.com/serialize/
Saludos