使用表单下拉菜单控制电子邮件收件人可以通过以下步骤实现:
<select>
和<option>
标签来创建,其中<select>
标签定义下拉菜单,<option>
标签定义下拉菜单中的选项。<option>
标签中定义下拉菜单的选项,每个选项都有一个值和显示文本。值可以是电子邮件地址,显示文本可以是收件人的名称。下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>表单下拉菜单控制电子邮件收件人</title>
</head>
<body>
<form>
<label for="recipient">选择收件人:</label>
<select id="recipient">
<option value="john@example.com">John</option>
<option value="jane@example.com">Jane</option>
<option value="mark@example.com">Mark</option>
</select>
</form>
<script>
// 获取下拉菜单元素
var recipientDropdown = document.getElementById("recipient");
// 监听下拉菜单的变化事件
recipientDropdown.addEventListener("change", function() {
// 获取选中的选项的值
var selectedRecipient = recipientDropdown.value;
// 更新电子邮件收件人字段
document.getElementById("emailRecipient").value = selectedRecipient;
});
</script>
</body>
</html>
在上述示例中,我们创建了一个包含下拉菜单的表单,并使用JavaScript监听下拉菜单的变化事件。当用户选择一个选项时,JavaScript代码会获取选项的值,并将其设置为电子邮件收件人字段的值。
请注意,这只是一个基本示例,实际应用中可能需要根据具体需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云