Tema: keyup???
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/03/2016, 09:45
pablohgb20
 
Fecha de Ingreso: marzo-2016
Mensajes: 9
Antigüedad: 8 años, 2 meses
Puntos: 0
keyup???

buenas a todos.
tengo un problemilla con mi código js, estoy tratando de enviar datos de un select hacia un input para que me llene automáticamente otros inputs, pues lo he logrado pasar solo que tengo un scrip que ejecuta la funcion keyup osea si detecta ingreso de teclas solo se llenan el resto datos como, que función usaría para reemplazar esa función y que solo detecte el datos ya ingresado.
desde ya mis agradecimientos por su ayuda.
Cita:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){

// generamos un evento cada vez que se pulse una tecla
$("#id").keyup(function(){

// enviamos una petición al servidor mediante AJAX enviando el id
// introducido por el usuario mediante POST
$.post("miarchivo.php", {"id":$("#id").val()}, function(data){

// Si devuelve un nombre lo mostramos, si no, vaciamos la casilla
if(data.nombre)
$("#nombre").val(data.nombre);
else
$("#nombre").val("");

// Si devuelve un apellido lo mostramos, si no, vaciamos la casilla
if(data.apellidos)
$("#apellidos").val(data.apellidos);
else
$("#apellidos").val("");

},"json");
});
});
</script>

<style>
#miFormulario span {width:100px;display:inline-block;}
</style>
</head>
<script type="text/javascript">
var mostrarValor = function(x){
document.getElementById('id').value=x;
}</script>

<body>

<form id="miFormulario" name="miFormulario">


<select name="elejir" onchange="mostrarValor(this.options[this.selectedIndex].innerHTML)">
<option value="30">30</option>
<option value="20">20</option>
<option value="10">10</option>
<option value="15">15</option>
</select>

<div><span>ID:</span><input type="text" name="id" id="id" value=""> (introduce el id 10)</div>
<div><span>Nombre:</span><input type="text" name="nombre" id="nombre" value=""></div>
<div><span>Apellidos:</span><input type="text" name="apellidos" id="apellidos" value=""></div>
</form>

</body>
</html>
Cita:
<?php
# Esta página recibe por post el id del formulario.
#
# Para nuestro ejemplo, devolvemos un valor para el id 10, pero aqui se tendria
# que realizar la busqueda en la base de datos en busca del registro.
#

if($_POST["id"]=="10")
{
echo json_encode(array("nombre"=>"juan", "apellidos"=>"martinez exposito"));
}else{
echo json_encode(array("nombre"=>"", "apellidos"=>""));
}
?>

Última edición por pablohgb20; 17/03/2016 a las 09:52