Foros del Web » Programando para Internet » Javascript »

Actualizar un campo de texto a traves de un select

Estas en el tema de Actualizar un campo de texto a traves de un select en el foro de Javascript en Foros del Web. Hola a todos , tengo una tabla de profesores ( dni , nombre , apellidos ..) en una base de datos he metido el dni( ...
  #1 (permalink)  
Antiguo 11/05/2010, 01:59
 
Fecha de Ingreso: mayo-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
De acuerdo Actualizar un campo de texto a traves de un select

Hola a todos ,
tengo una tabla de profesores (dni, nombre , apellidos ..) en una base de datos
he metido el dni( clave primara ) en un SELECT.
ahora quiero que cuando elija uno de los dni se rellenen lo campos de textos Nombre y Apelldos automaticamente
Gracias por contestarme
esto es el código que tengo puesto :

LOS DATOS LOS COJO DE LA BASE DE DATOS NO LOS METO A MANO
__________________________
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="estilos.css">
</head>
<body>

<?php
include ("mysql.inc");
$conexion=mysql_connect($mysql_server,$mysql_login ,$mysql_pass) or die ('Error al conectarse<br>');
$base="bd1";
mysql_select_db($base,$conexion);
$sentencia="select dni from usuario";
$resultado= mysql_query($sentencia ,$conexion);
echo "<B>DNI :</B> ";
echo "<select name='dni'>";
while ($registro = mysql_fetch_row($resultado))
{
foreach($registro as $clave)
{
echo "<option>",$clave,"</option>";
}

}
echo "</select>";
//desconectarse
mysql_close($conexion);
?>
AUI QUIERO QUE SE ME CARGEN EL NOMBRE Y LOS APELLIDOS
<h3>Nombre:&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<INPUT type="text" NAME="nombre" SIZE=50 hspace="20px" ></h3>
<h3>Apellidos: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<INPUT type="text" NAME="apellidos" SIZE=50 ></h3>

</body>
</html>

Última edición por pastora31; 12/05/2010 a las 01:41
  #2 (permalink)  
Antiguo 11/05/2010, 05:09
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Actualizar un campo de texto a traves de un select

Hola y bienvenida al foro

Creo entender o no lo entiendo

Mas o menos esto es lo que tienes

Cita:
<select onchange="rellenarcampos(this.options[this.selectedIndex].value);">
<option value="juan,garcia">70334556</option>
.......
</select>
Ahora la función para rellenar los campos

Código Javascript:
Ver original
  1. function rellenarcampos(val) {
  2. divis = val.split(',');
  3. document.getElementById('nombre').value = divis[0];
  4. document.getElementById('apellido').value = divis[1];
  5. }

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 11/05/2010, 12:45
 
Fecha de Ingreso: enero-2010
Mensajes: 40
Antigüedad: 14 años, 3 meses
Puntos: 1
Respuesta: Actualizar un campo de texto a traves de un select

Saludos, se que esto no me compete mucho, pero me gustaría entender un poco lo que escribiste Adle, pues estoy tratando de hacer algo similar.

Gracias!
  #4 (permalink)  
Antiguo 11/05/2010, 12:56
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Actualizar un campo de texto a traves de un select

Hola

Nada, tranquilo

Cita:
Iniciado por Andy2010 Ver Mensaje
Saludos, se que esto no me compete mucho, pero me gustaría entender un poco lo que escribiste Adle, pues estoy tratando de hacer algo similar.

Gracias!
Fíjate que el valor de los options esta separado por una "," (nombre, apellido)
Cita:
<option value="juan,garcia">70334556</option>
Ahora en el js

Cita:
divis = val.split(','); // Aquí se hace la división del valor (lo que está delante y detrás de la coma) es decir "juan" y "garcia"
document.getElementById('nombre').value = divis[0]; // El subindice 0 corresponde al nombre
document.getElementById('apellido').value = divis[1]; // El subindice 1 corresponde al apellido
Suerte

Edito: Me acabo de dar cuenta que he llegado a los 3k
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 11/05/2010, 16:19
 
Fecha de Ingreso: enero-2010
Mensajes: 40
Antigüedad: 14 años, 3 meses
Puntos: 1
Respuesta: Actualizar un campo de texto a traves de un select

Mil gracias!! Esto realmente me ayudo bastante y pude comprender.

Hey! Adler Gracias y muchas felicidades por los 3k, ya Soy parte de ellos!

Pasala Bien!

Etiquetas: select, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:03.