keyup???

pablohgb20 · #1 (**permalink**) 17/03/2016, 09:45

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"=>""));
}
?>

juanito1712 · #2 (**permalink**) 17/03/2016, 20:29

siempre que entro voy buscando posts con 0 respuestas porque me sabe mal que le gente se quede tirada por aquí ya que yo nunca me quedé tirado, pero la explicación es "inentendible", tómate un par de minutos más en tratar de pensar como explicárnoslo por favor XD

xfxstudios · #3 (**permalink**) 18/03/2016, 05:29

yo te entendi jejejeje, bueno si lo que deseas es que al cargarse en el input la id se carguen los datos de usuario, seria algo asi:

Código HTML:

Ver original<select name="elejir" onchange="muestra();">
<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>

Código Javascript:

Ver originalfunction muestra(){
 
var X = $("select[name=elejir]").val();
 
document.getElementById('id').value=X;
 
carga();
 
 
}
 
function carga(){
 
var ar = ["30","20","10","15"];
 
var valor = $("input[id=id]").val();
 
var index = $.inArray(valor,ar);
 
if( index > -1){
    
  switch(index){
    
    case 0:
    
        $("input[name=nombre]").val("Carlos");
      $("input[name=apellidos]").val("Moreno");
    
    break;
    
    case 1:
    
        $("input[name=nombre]").val("Luis");
      $("input[name=apellidos]").val("Gonzalez");
    
    break;
    
    case 2:
    
        $("input[name=nombre]").val("María");
      $("input[name=apellidos]").val("Martinez");
    
    break;
    
    case 3:
    
        $("input[name=nombre]").val("Ramón");
      $("input[name=apellidos]").val("Estrada");
    
    break;
  
  }
  
  
}
 
 
}

en la función carga solo tendrias que reemplazar su contenido con una petición ajax que solicita la info al archivo php y pues cargue el resultado en los inputs

MUESTRA con array js: https://jsfiddle.net/59fpozan/