How to copy billing address to shipping address?

[Taylor Smith]

Hi I am new with javascript and am trying to make it so that once the billing address on my page has been filled out, you click a checkbox(if billing info is same as shipping) and it copies the info to shipping address. I have tried approaching this several ways and tried google-ing for help as well but i cannot seem to get anything to work. Here is the code that i have most recently tried:

<script>
 
function copyAddress
{
document.getElementById("billName").value = document.getElementById("shipName").value;
document.getElementById("billStreet").value = document.getElementById("shipStreet").value;
document.getElementById("billStreet2").value = document.getElementById("shipStreet2").value;
document.getElementById("billCity").value = document.getElementById("shipCity").value;
document.getElementById("billCountry").selectedIndex = document.getElementById("shipCountry").selectedIndex;
document.getElementById("billProvinceState").selectedIndex = document.getElementById("shipProvinceState").selectedIndex;
document.getElementById("billPostalZip").value = document.getElementById("shipPostalZip").value;
document.getElementById("billDayPhone1").value = document.getElementById("shipDayPhone1").value;
document.getElementById("billDayPhone2").value = document.getElementById("shipDayPhone2").value;
document.getElementById("billDayPhone3").value = document.getElementById("shipDayPhone3").value;
document.getElementById("billCellPhone1").value = document.getElementById("shipCellPhone1").value;
document.getElementById("billCellPhone2").value = document.getElementById("shipCellPhone2").value;
document.getElementById("billCellPhone3").value = document.getElementById("shipCellPhone3").value;
document.getElementById("billEmail").value = document.getElementById("shipEmail").value;
}
 
</script>
 

I call it in a checkbox. I have attached the form section of the html as a text document. Another option i approached was:

<script>
 
function FillFields(box) {
if(box.checked == false) { return; }
 
document.bookform.billName.value = document.bookform.shipName.value;
document.bookform.billStreet.value = document.bookform.shipStreet.value;
document.bookform.billStreet2.value = document.bookform.shipStreet2.value;
document.bookform.billCity.value = document.bookform.shipCity.value;
document.bookform.billCountry.selectedIndex = document.bookform.shipCountry.selectedIndex;
document.bookform.billProvinceState.selectedIndex = document.bookform.shipProvinceState.selectedIndex;
document.bookform.billPostalZip.value = document.bookform.shipPostalZip.value;
document.bookform.billDayPhone1.value = document.bookform.shipDayPhone1.value;
document.bookform.billDayPhone2.value = document.bookform.shipDayPhone2.value;
document.bookform.billDayPhone3.value = document.bookform.shipDayPhone3.value;
document.bookform.billCellPhone1.value = document.bookform.shipCellPhone1.value;
document.bookform.billCellPhone2.value = document.bookform.shipCellPhone2.value;
document.bookform.billCellPhone3.value = document.bookform.shipCellPhone3.value;
document.bookform.billEmail.value = document.bookform.shipEmail.value;
}
 
</script>

I correctly called it in the form checkbox but it did not work either.

What am I doing wrong?

[johny10151981]

are you getting any javascript error?

you can check javascript error using firefox and chrome.

Chrome has builtin element inspector. in case of Firefox you can install firebug adds on

Both are excellent tools for inspecting HTML and javascript...

[Taylor Smith]

There appears to be no errors when inspected with firebug so it has me baffled....

I took the script exerpt above from my js file that is attatched in the head section of the document. Maybe my issue is how i have called the script. Would I add the script tags to the head section or should it be added in the body below the checkbox? Here is my script tag:

<script type="text/javascript" src="javascript/form.js"></script>

[Taylor Smith]

Or might it possibly be that the <fieldset> is messing up the way I access the form elements?

[acoder]

copyAddress has the parentheses missing:

function copyAddress() {

[Taylor Smith]

Yes thank you the parentheses were missing but it turns out billing info should have been where shipping info was and vice versa. Thanks

[acoder]

A classical mistake! It's even obvious from the title. The assumptions we make...