Javascript question - Copy drop down select lists from one form field to another

[marelda]

I am new to Javascript and having trouble figuring out how to copy drop down select lists from one form field to another.

Here is what I have so far:

function FillShipping(f){ if(f.shippingtoo.checked == true)
{
{
f.email1.value = f.email.value;
f.fullName1.value = f.fullName.value;
f.address1.value = f.address.value;
f.address3.value = f.address2.value;
f.city1.value = f.city.value;
f.postCode1.value = f.postCode.value;
f.phone11.value = f.phone1.value;
f.phone22.value = f.phone2.value;
f.phone33.value = f.phone3.value;
f.cell11.value = f.cell1.value;
f.cell22.value = f.cell2.value;
f.cell33.value = f.cell3.value;
}
}
else {
f.email1.value = '';
f.fullname1.value = '';
f.address1.value = '';
f.address3.value = '';
f.city1.value = '';
f.postCode1.value = '';
f.phone11.value = '';
f.phone22.value = '';
f.phone33.value = '';
f.cell11.value = '';
f.cell22.value = '';
f.cell33.value = '';
}

} (link to html http://www.echanigraphics.com/test/checkout.html)

Could someone help please?

Thanks,

Elda

[George88]

I'm not sure exactly what you're asking here, but I think what you're saying is you want a <select> option to be copied to a particular <input> field?

If so, this sample should help: http://jsfiddle.net/PYnhD/

<select id="options">
    <option value="First" id="First">First</option>
    <option value="Second" id="Second">Second</option>
    <option value="Third" id="Third">Third</option>
</select>

<input id="copy" />
<input type="button" id="copy_it" value="Copy it" />

document.getElementById("copy_it").addEventListener
(
    "click",
    test,
    false
);
    
function test()
{
    var o = document.getElementById("options");

    document.getElementById("copy").value = o.options[o.selectedIndex].value;
}
​

[marelda]

Thank you that works but what I am looking to do is: when a customer fills out his billing address then checks a box the shipping address populates automatically (with the billing info that the customer has already filled out). And, also, is there any way I can incorporate that to my code above?

Thank you!

[George88]

when a customer fills out his billing address then checks a box the shipping address populates automatically (with the billing info that the customer has already filled out).

You didn't say that in the OP, you talked about copying from drop-down lists. Anyway, I'm not going to incorporate anything into the code you've supplied because I don't know how it's interacting with the rest of your file, but here's an example demonstrating what you've asked for:

http://jsfiddle.net/a2cfk/

[Logic Ali]

Thank you that works but what I am looking to do is: when a customer fills out his billing address then checks a box the shipping address populates automatically (with the billing info that the customer has already filled out). And, also, is there any way I can incorporate that to my code above?

Do you mean that you want to copy the selection from one <select> to another, which is already populated with identical options?

[marelda]

Thank you so much George88, I am sorry I wasn't clear on my first post. One more question, how would I go about the drop down select list? That's the part I am having trouble with. If a customer lets say selects: US (for the state in the billing info) then how do I copy that in the shipping info?

Thank you!! I really appreciate your help.

[marelda]

Figured it out. Thanks again George88.