Cómo utilizar Javascript para copiar texto de un campo a otro
A menudo, cuando se crea un formulario en una página web, es necesario a sus clientes a llenar un campo como una dirección de correo, así como una dirección de facturación. En lugar de tener a sus clientes a completar el formulario dos veces, usted puede usar JavaScript para copiar los datos del formulario de un campo a otro.
La misma se utiliza JavaScript para agarrar los datos que se ha entrado en un campo de formulario, y cuando la casilla de verificación está seleccionada (marcada), copia de los datos a otro campo en formulario.
El JavaScript utilizado para lograr el efecto es similar a esto:
Code
<script type="text/javascript">
function FillBilling(f) {
if(f.billingtoo.checked == true) {
f.billingname.value = f.shippingname.value;
f.billingcity.value = f.shippingcity.value;
}
}
</script>
Para añadir más campos, sólo tiene que añadir a los parámetros se muestra más arriba … de esta manera:
Code
f.billingstate.value = f.shippingstate.value;
f.billingzip.value = f.shippingzip.value;
El código HTML del formulario que va a utilizar es el siguiente:
<b>Mailing Address</b>
<br><br>
<form>
Name:
<input type="text" name="shippingname">
<br>
City:
<input type="text" name="shippingcity">
<br>
<input type="checkbox" name="billingtoo" onclick="FillBilling(this.form)">
<em>Check this box if Billing Address and Mailing Address are the same.</em>
<P>
<b>Billing Address</b>
<br><br>
Name:
<input type="text" name="billingname">
<br>
City:
<input type="text" name="billingcity">
</form>