como capturar variable de una caja de texto

rezocrew · #1 (**permalink**) 23/10/2007, 08:25

tengo un formulario en el cual las primeras dos cajas de textos son nombre y apellido despues en el mismo formulario aparece un checkbox que al clikearlo aparece otra caja de texto en la cual deberia aparecer las variables de las cajas anteriores osea nombre y apellido entonces yo kiero y deseo capturar la variable de una caja de texto y luego mostrar esa misma variable en otra caja de texto todo esto en el mismo formulario pero no se como pues no soy muy experto con javascript

de antemano muchas gracias

JavierB · #2 (**permalink**) 23/10/2007, 08:46

Hola rezocrew

Prueba esto:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function pepe(obj) {
  frm = obj.form;
  frm.nomape.style.display = (obj.checked) ? 'block' : 'none';
  frm.nomape.value = frm.nombre.value +' '+ frm.apellido.value;
}
</script>
</head>
<body>
<form>
<input type="text" name="nombre" />
<input type="text" name="apellido" />
<input type="checkbox" onclick = "pepe(this)" />
<input type="text" name="nomape" style="display:none" />
</form>
</body>
</html>

Saludos,

KarlanKas · #3 (**permalink**) 23/10/2007, 08:52

¿así?
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function rellenar(c){
f=c.form;
nombreCompleto=f['nombre'].value+' '+f['apellidos'].value
f['nCompleto'].value=(c.checked)?nombreCompleto:'';
}
</script>
</head>

<body>
<form name="pepe" action="javascript:alert(f.nombre.value)">
Nombre: <input type="text" name="nombre" id="nombre" /><br />
Apellidos: <input type="text" name="apellidos" id="apellidos" /><br />
<input type="checkbox" name="repetir" id="repetir" value="1" onclick="rellenar(this)" />
Nombre completo: <input type="text" name="nCompleto" id="nCompleto" /><br />

</form>

</body>
</html>

KarlanKas · #4 (**permalink**) 23/10/2007, 08:52

cachis! Esto me pasa por tardar tanto!

JavierB · #5 (**permalink**) 23/10/2007, 08:55

¡Lo conseguí! ¡Lo conseguí!

Es que hacía tiempo que no chocaba contigo y me hacía mucha ilusión...

Saludos,

KarlanKas · #6 (**permalink**) 23/10/2007, 08:57

Si te hace ilusión, entonces nada! ME alegro. Y me alegro también de que uses el nombre pepe para las functions!

escudo40 · #7 (**permalink**) 23/10/2007, 18:41

Esta muy buenos los dos códigos pero podrían explicar los if reducidos para los nuevos

Código de JavierB

Código:

frm.nomape.style.display = (obj.checked) ? 'block' : 'none';

Código de KarlanKas

Código:

f['nCompleto'].value=(c.checked)?nombreCompleto:'';

KarlanKas · #8 (**permalink**) 24/10/2007, 00:32

Por supuesto!
El de JavierB es para mostrar o no la caja de texto que contiene el nombre entero. Ahí pone que se tome dentro del formulario, el elemento con name "nomape", y se modifique en su estilo (CSS) la propiedad display (mostrar) según esté o no marcado el checkbox.

Y el mío lo que hace es cambiar el valor del campo del formulario "nCompleto" por la variable nombreCompleto (que contiene la suma del campo nombre y el campo apellido) sólo si está marcado el checkbox.

En la function de Javier se captura en la variable obj el objeto que llama a la función (en este caso el checkbox), luego genera la variable frm que contiene todo el formulario (esto lo consigue de una forma astuta diciendo que frm es el formulario que contiene el objeto que llama a dicha función). Así tiene las dos variables necesarias para hacer que funcione el script.

Luego sólo tiene que referenciar al elemento que quiera del formulario de la siguiente manera:

frm.nombreDelElemento (en este caso frm.nomape).

Mi sistema es el mismo, sólo que yo utilizo una forma más "antigua" (pero totalmente válida) de llamar a los elementos del formulario como si fueran variables de la matriz que forma el formulario. Es la manera en que se hacía en el Netscape 3.2 y posteriores. En realidad allí se hacía así:

f.elements['nombreDelElemento]

siendo f la variable que contiene el formulario:

f=document.forms['nameDelForm']

Por supuesto, lo más correcto es, siempre, lo que hace JavierB que está más encima de todos los avances del Javascript (y me enseña trucos).

No sé si me he extendido demasiado. Te he contestado?