Question

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

Answer 1

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

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

Answer 2

这是我现在的表格代码：

名字
姓氏
公司名称
EnerCare解决方案
... 80 Allstate Parkway，Markham，ON，L3R 6H3 30 High Meadow，Toronto，ON，M6L 2Z5 4000 Victoria Park Avenue，Toronto，ON M2H 3P4

男士尺码女装尺码
... 小介质大 XL XXL 3X 4X 5X ... X-小小介质大 XL 2X 3X

颜色黑色数量 1

这是我收件人的电子邮件的样子：
电子邮件：真正的名字： First_Name：TEST Last_Name：TEST 公司名称：Enercare Solutions Shipping_Address：4000 Victoria Park Avenue，Toronto，ON M2H 3P4 Mens_Size：...... 女子_大小：2X 颜色：黑色数量：1 提交：提交

我需要选择的运输地址以36pt TEXT出现在这里

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

只需检查选择是否已更改，并将其值添加到所需元素。

表格下拉选择

3 个答案: