[SOLUCIONADO] Problemas Manejador de Evento

slikp · #1 (**permalink**) 06/11/2014, 12:53

- Buenas tardes a todos, hoy vengo una duda sobre la mejor forma de implementar mi funcion o que manejador de evento usar para realizar los siguiente.

- Tengo el siguiente formulario

Código HTML:

Ver original<?php 
    require_once "conexion.table.php";
    require_once "crud.php";
 
    $model = new Crud;
    $model->Read();
    $filas = $model->rows;
    $total = count($filas);
 
?>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>  
    <section class="criterio">
        <div id="crit-form">
            <h3>Criterio de Busquedas</h3>
            <fieldset>
            <form class="crit-form" method="post" name="search_form" id="search_form">
                <small> El Total de Filas en Base de Datos: <?php echo $total ?> </small>
                        
                        <div id="resultados"></div>
                        
                    <small>Por Ficha</small>
                    <input type="text" name="cod.ficha" id="search_fi" class="parse" placeholder="Introdusca Codigo Ficha Ej: Ch001">
                    <small>Por Cedula</small>
                    <input type="text" name="ci" id="search_ci" class="parse" placeholder="Cedula Use Puntos Ej: 49.781.190">
                    <small>Por Nombre</small>
                    <input type="text" name="nombre" id="search" class="parse" placeholder="Introdusca un Nombre Ej: Antonio">
                    <small>Por Estatus</small>
                    <select name="display-lpws" class="parse">
                        <option value="A" selected>Activo</option>
                        <option value="I">Inactivo</option>
                        <option value="PL">Por Liquidar</option>
                        <option value="L">Liquidado</option>
                    </select>
                    <input type="submit" id="btn-sub" class="parse" Value="Procesar">
            </form>
            </fieldset>
        </div>
    </section>  
</body>
</html>

- Donde mustra una serie de resultados de bajo de Total resultados que se mustran dependiendo de lo que escriba en los input estos son mostrados con ayuda de un Js que es el siguiente.

Código Javascript:

Ver original$(function(){
    $('#search').focus();
    $('#search_form').submit(function(e){
        e.preventDefault();
    })
 
    $('#search_form .parse').on('keyup',function(){
        
        var envio = $(this).val();
 
        $('#resultados').html('<h2><img src="img/loadin.gif" width="20" /> Cargando...</h2>');
        $.ajax({
            type: 'POST',
            url: 'php/search.php',
            data: ('search='+envio),
            success: function(resp){
                if (resp!="") {
                    $('#resultados').html(resp);
                }
            }
        })
    })
})

- Como veran uso el manejador de eventos Keyup y justo despues de escribir en cualquier input me retorna y mustra un resultado el problema es el Siguiente supongamos que yo busco a Antonio y como resultado me muestra 15 Antonios distintos entre esos Antonios hay varios con status Activo, Inactivo, Por Liquidar es por ello el Select Por Estatus, Ahora bien ese select no me esta funcionando y probando me di cuenta que es por evento Keyup dado que solo es un evento de teclado y para usar el select tengo que hacer click, cambie Keyup por Click y funciono pero no a mi gusto porque tengo que hacer click en un input escribir por ejemplo Antonio y hacer click en ese mismo input para generar la busqueda y luego si hago los click pertinente en el select suponiendo Inactivo se hace el filtro pero realmente no es la idea.

- Por eso mi duda existe algun manekador de evento para hacer lo que busco? o como estructuro mi funcion para que realice lo que quiero.

-Saludos

PHPeros · #2 (**permalink**) 06/11/2014, 14:27

El tipo de evento correspondiente al select sería onchange.

slikp · #3 (**permalink**) 06/11/2014, 15:30

- Efectivamente era el evento Change, sin embargo me gustaba mas el efecto del Keyup muchas gracias.