CopyForm

Type of script: JavaScript

Version: v1.0

Cost: Free

Download: No, the code can be found at the end of the page

Support: Yes

What’s this

If you have an order form where you ask the user for both a billing address and a shipping address. The user will, in most cases, have to enter the same information twice. With this script the user can fill in the shipping address by checking a checkbox. All information from the billing address will then be copied to the shipping address fields.

Online Demo

You can add as many fields as you like. Feel free to change the billing address before you check the checkbox.

Billing address:

Name:

Address:

Zip code:

City:

Email:

Shipping address:

Use the same info as above

Name:

Address:

Zip code:

City:

Email:

JavaScript Code

</p> <p><!-- // Script from http://www.xaviermedia.com/javascript/ // If you use this script, please add a link to us. function update_form() { orderform.shippingname.value = orderform.name.value; orderform.shippingaddress.value = orderform.address.value; orderform.shippingzip.value = orderform.zip.value; orderform.shippingcity.value = orderform.city.value; orderform.shippingemail.value = orderform.email.value; // You can add as many lines as you need, just remember to // replace the fieldname and shippingfieldname with the // actual names of the fields // orderform.shippingfieldname.value = orderform.fieldname.value; } // --></p> <p><FORM NAME="orderform"><br /> <U>Billing address:</U><BR><br /> Name: <BR><br /> Address: <BR><br /> Zip code: <BR><br /> City: <BR><br /> Email: <BR><br /> <U>Shipping address:</U><BR><br /> Use the same info as above<BR><br /> Name: <BR><br /> Address: <BR><br /> Zip code: <BR><br /> City: <BR><br /> Email: <BR><br /> </FORM><br />

If you use this script, please add a link to us:

<A HREF=”http://www.xaviermedia.com/javascript/”>Xavier’s JavaScripts</A>

Button instead of checkbox

If you want you can replace the checkbox with a button: