bueno en estos momentos estoy que hago un pequeño sistema donde al escribir una palabra en un input text, automaticamente me muestra las filas de una tabla. Ahora aqui esta mi problema...y si yo quiero escribir en 2, 3 a mas input y que cargue automaticamente...no me sale, solo me captura el primer input. Este es mi codigo:
<input class="form-control" type="text" name="" id="apellido1">
<input class="form-control" type="text" name="" id="apellido2">
<input class="form-control" type="text" name="" id="nombre">
<div id="cargar_tabla"></div>
<script type="text/javascript">
$(document).ready(function() {
$('#apellido1').on('keypress', function(){
var apellido1=$(this).val();
var apellido2=$('#apellido2').val();
var nombre=$('#nombre').val();
$.ajax({
url: "/Familias/Personas/Tabla",
type: "post",
dataType: "json",
data: {_token: "{{ csrf_token() }}", text: apellido1, text2: apellido2, text3: nombre },
success: function (response) {
$("#cargar_tabla").html(response);
}
});
});
});
</script>
Las 2 siguientes variables, si los pongo dentro o fuera de la funcion del primer input igual no sale, ayuda :s