表单下拉选择答案

【问题标题】：Form dropdown selection表单下拉选择
【发布时间】：2015-04-22 00:04:13
【问题描述】：

我有一个带有地址下拉列表的 HTML 表单。我的客户需要选择的地址在表单数据的底部显示得很大，以便收件人可以打印包含表单数据的电子邮件并将大地址从表单底部剪下以用作运输标签。

【问题讨论】：

请提供更多细节，包括示例代码。

标签： html forms select

【解决方案1】：

内联脚本不是最好和最灵活的做法。我会采用更像这样的解决方案。 http://jsbin.com/mewunu/1/edit?html,js,output

选择菜单选项后，您需要将所选选项的值放在运输标签区域。

【讨论】：

感谢您的回复。但是，地址在我的表单电子邮件的底部并没有出现很大，见下文：真实姓名：名字：TEST 姓氏：TEST 公司名称：EnerCare Solutions Shipping_Address：2525 Victoria Park Avenue, Toronto, ON M2H 3P4 Mens_Size: ... Womens_Size: 2X 颜色：黑色数量：1 提交：提交
要改变外观，你需要一些 CSS。请编辑jsbin页面发布你自己的html、js和css。

【解决方案2】：

这是我现在的表单代码：

名字
姓氏
公司名称
能源关怀解决方案
... 80 Allstate Parkway, Markham, ON, L3R 6H3 30 High Meadow，多伦多，ON，M6L 2Z5 维多利亚公园大道 4000 号，多伦多，ON M2H 3P4

男士尺码女士尺码
... 小的中等的大的特大号 XXL 3X 4X 5X ... X-小小的中等的大的特大号 2X 3X

颜色黑色的数量 1

这是我收件人的电子邮件的样子：
电子邮件：真正的名字：名字：测试姓氏：测试公司名称： Enercare Solutions Shipping_Address: 4000 Victoria Park Avenue, Toronto, ON M2H 3P4 男装尺寸：... 女装_尺码：2X 颜色：黑色数量：1 提交：提交

我需要选择的送货地址以 36pt 文本显示在此处

【讨论】：

【解决方案3】：

你在寻找这样的东西吗？

<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>

https://jsfiddle.net/6x0mv9qe/

只需检查选择是否更改并将其值添加到您想要的元素。

【讨论】：

感谢您的回复。但是，地址在我的表单电子邮件的底部并没有出现很大，见下文：真实姓名：名字：TEST 姓氏：TEST 公司名称：EnerCare Solutions Shipping_Address：2525 Victoria Park Avenue, Toronto, ON M2H 3P4 Mens_Size: ... Womens_Size: 2X 颜色：黑色数量：1 提交：提交
尝试使用名为 large 的文本区域代替 h2，因为 h2 没有出现在电子邮件中。数据进入选择的文本区域并成功提交，但送货地址在电子邮件提交中似乎不大。有没有办法在邮件发送给收件人之前对其进行格式化？
当然，您可以使用 css 设置字体大小，大多数电子邮件客户端应该能够显示：