I have an HTML form with a dropdown list of addresses. My client needs the selected address to appear large at the bottom of the form data so that the recipient can print the email containing the form data and cut the large address off the bottom of the sheet to be used as a shipping label.
Inline scripts is not the best and most flexible practice. I would go with a solution more like this. http://jsbin.com/mewunu/1/edit?html,js,output
When the menu option is selected, you need to place the value of that selected option in your shipping label area.
This is my form code right now:
This is what my recipient's email looks like:
email: realname: First_Name: TEST Last_Name: TEST Company_Name: Enercare Solutions Shipping_Address: 4000 Victoria Park Avenue, Toronto, ON M2H 3P4 Mens_Size: ... Womens_Size: 2X Color: Black Qty: 1 Submit: Submit
I NEED THE SELECTED SHIPPING ADDRESS TO APPEAR HERE in 36pt TEXT
Are you looking for something like this?
<select id="select" onchange='document.getElementById("large").innerHTML = document.getElementById("select").value'> <option>Select address...</option> <option>Address 1</option> <option>Address 2</option> </select> <h2 id="large"></h2>
Just check if the select is changed and add it's value to the element you want.