Asignar a un campo de un form el valor de otro campo del form cuando éste cambie

sgueper · #1 (**permalink**) 19/04/2010, 04:09

Hola,
querría saber cómo asignar un valor a un campo cuando otro campo varíe, con una función tipo onfocus o onclick podría ser.

Es decir, que al picar en el campo se asigne el valor de otro campo o que cuando seleccione un valor en un campo, se asigne ese mismo valor a otro campo del form.

¿me he explicado bien?

gracias de antemano a quien me eche una mano

Silvia

Adler · #2 (**permalink**) 19/04/2010, 04:29

Hola

Para ello tendrás que usar javascript. Espera a que te lo muevan o vuelve a exponer el tema en ese foro

Suerte

_cronos · #3 (**permalink**) 19/04/2010, 12:27

Esto es lo que tú quieres que haga, o por lo menos es lo que yo he entendido xD.

Código HTML:

Ver original<html>
 <head>
 </head>
 <body>
  <form id="formulario">
   <input type=text id="campo1">
   <input type=text id="campo2" onclick="copia()">
  </form>
 </body>
</html>

Código Javascript:

Ver original<script language="javascript" type="text/javascript"> 
   function copia(){            document.getElementById("campo2").value=document.getElementById("campo1").value  
   }
  </script>

(;

plcabgut · #4 (**permalink**) 19/04/2010, 16:34

creo que iría mejor con el evento onchange directamente en el campo1 ya que cuando cambias algo en este campo se cambia automáticamente en el otro porque si no corres el riesgo de no hacer click el campo2 y este se quedaría vacío.

Código HTML:

Ver original<html>
 <head>
 </head>
 <body>
  <form id="formulario">
   <input type=text id="campo1" onchange="document.getElementById("campo2").value=this.value;" >
   <input type=text id="campo2">
  </form>
 </body>
</html>

Adler · #5 (**permalink**) 20/04/2010, 04:50

Hola

Sería mas aconsejable usar eventos como: onkeyup, onkeypress, onkeydown, onblur

Suerte

_cronos · #6 (**permalink**) 20/04/2010, 13:48

¿Así mejor?

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <script type="text/javascript">
   function cambio(){
    document.getElementById("campo2").value=document.getElementById("campo1").value}
  </script>
  <title></title>
 </head>
 <body>
  <form id="formulario" name="formulario" action="">
   <input type="text" id="campo1" onchange="cambio()" onblur="cambio()" onkeypress="cambio()">
   <input type="text" id="campo2">
  </form>
 </body>
</html>

Adler · #7 (**permalink**) 21/04/2010, 06:01

Hola

Cita:

Iniciado por _cronos

¿Así mejor?

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <script type="text/javascript">
   function cambio(){
    document.getElementById("campo2").value=document.getElementById("campo1").value}
  </script>
  <title></title>
 </head>
 <body>
  <form id="formulario" name="formulario" action="">
   <input type="text" id="campo1" onchange="cambio()" onblur="cambio()" onkeypress="cambio()">
   <input type="text" id="campo2">
  </form>
 </body>
</html>

Hombre, es mejor usar solo un evento, no tres. Yo en este caso usaría onkeyup, pero es solo mi opinión

Suerte

plcabgut · #8 (**permalink**) 21/04/2010, 07:35

Si la verdad es que con uno vale y sobra, yo usaría el evento onkeypress

sgueper · #9 (**permalink**) 30/04/2010, 04:48

Muchísimas gracias a todos por las respuestas, voy a probar a ver porque mi página es en asp pero no importa, no?

Silvia

Adler · #10 (**permalink**) 30/04/2010, 05:11

Hola

Cita:

Iniciado por sgueper

Muchísimas gracias a todos por las respuestas, voy a probar a ver porque mi página es en asp pero no importa, no?

Silvia

Ningún problema, ya que ASP se ejecuta en el servidor y javascript en el cliente

Suerte