Cargar un nombre y un apellido en dos text y pasarlos a un tecer text

crucifijo · #1 (**permalink**) 17/11/2009, 18:34

Hola amigos tengo una duda a lo mejor muy basica para ustedes pero quiero Cargar un nombre y un apellido en dos text y al presionar el botón de operacion, concatenarlos y mostrarlos en un tercer text.

Segun yo se que se tiene que cambiar la propiedad value del campo text o mandar llamar la funcion pero la verdad no tengo ni idea de como hacerlo.

Solo mando llamar la funcion en el boton cuando hay que darle click pero hasta ahi llego.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ejercicio 22</title>
</head>
<script language="javascript">
function concatenar() {
var caja1 = document.forma1.cnom.value;
var caja2 = document.forma1.cap.value;
var caja3 = document.forma1.cunion.value;
caja3 = caja1 + caja2;
}
</script>
<body>
<form name="forma1">
nombre
<input type="text" name="cnom">
apellido
<input type="text" name="cap">
<input name="cunion" type="text" value="">
<input type="submit" value="operacion" onClick="concatenar()">
</form>
</body>
</html>

zerokilled · #2 (**permalink**) 17/11/2009, 18:50

estas mas o menos ahi. el problema esta en las siguiente dos lineas.

Código:

var caja3 = document.forma1.cunion.value;
caja3 = caja1 + caja2;

lo que tienes que hacer es asignar un valor a la propiedad value del campo cunion. en este caso lo que estas haciendo es copiar el valor de cunion a una variable. los valores simples (string, numeros, booleanos) no crean un referencia de su origen. por eso cuando unes el nombre y apellido no lo ves reflejado en el campo. lo que termina haciendo es sobre escribiendo la variable caja3.

crucifijo · #3 (**permalink**) 18/11/2009, 18:36

Hola zerokilled ya pude hacer la concatenacion para que me aparezca los datos en un tercer text mira asi lo hago.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ejercicio 22</title>
</head>
<script language="javascript">
function concatenar() {
var caja1 = document.forma1.cnom.value;
var caja2 = document.forma1.cap.value;
document.forma1.cunion.value=(caja1+caja2);
}
</script>
<body>
<form name="forma1">
nombre
<input type="text" name="cnom">
apellido
<input type="text" name="cap">
<input name="cunion" type="text">
<input type="submit" value="concatenar" onClick="concatenar()">
</form>
</body>
</html>

la duda que tengo es que al momento de ke me muestra el resultado se ve por un momento y despues queda en blanco el text como le hago para que el resultado se quede sin que se borren los datos

zerokilled · #4 (**permalink**) 18/11/2009, 18:51

se debe al tipo de boton que tienes.

Código:

<input type="submit" value="concatenar" onClick="concatenar()">

en este caso tu no necesitas enviar los datos. submit no tiene sentido ahi, deberia ser button.