最近评论
正在载入评论列表...
6.10 下拉列表框式邮件发送
【实例描述】
通过下拉列表框方式选择一个收信人，然后单击“发信”按钮，调用本机的Outlook，实现发信的功能。
【实现代码】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>
<body>
<form name="addresses">
请选择给谁发信<select name="list" onChange="update()">
<option value="mailto:admin@google.com">给Google管理员写信
<option value="mailto:support@263.com">给263客服写信
<option value="mailto:admin@263.net">给263管理员写信
</select>
<a href="updatelink">发信!</a>
</form>
<script language="javascript">
pos = 666;
for(num=0;num<document.links.length;num++) {
if (document.links[num].href.indexOf("updatelink") != -1) { //是否已经指定邮件地址
pos = num; //更改pos变量
num = 300;
}
}
function update() {
if (pos!=666) { //主要是判断第一次加载时不执行
sel = document.addresses.list.selectedIndex; //判断选择的邮件
document.links[pos].href = document.addresses.list[sel].value; //登记邮件地址
}
}
update();
</script>
</body>
</html>
【运行效果】
单击单元格后的效果如图6-9所示。
图6-9 单击单元格后的效果
【难点剖析】
本例的重点是如何将选择的收信人添加到窗体的地址列表。使用“selectedIndex”判断用户选择的收信人，然后通过“a”标签调用操作系统的Outlook，实现发信功能。
图书导读
