我的网站上有以下下拉菜单
<select name="Templates" onchange="document.sendform.message.value = 'some text here'; return false;">
<option value="#" selected>----Templates----</option>
<option value="#">Absense</option>
<option value="#">Lates</option>
</select>
这目前将文本发送到一个名为"消息"的文本区域，但我希望每个选项的文本都不同。有没有一种简单的方法可以做到这一点？
谢谢！
这里是：
http://jsfiddle.net/sinisake/3NQH7/
<form name="sendform">
<select name="Templates" onchange="document.sendform.message.value = this.value; return false;">
<option value="#" selected>----Templates----</option>
<option value="absense">Absense</option>
<option value="lates">Lates</option>
<input type="text" value="" name="message" />
</select>
</form>
onchange事件处理程序发送文本；如果要根据所选选项的值发送文本，则应该使用更高级的事件处理程序：
document.TemplateForm.Templates.onchange = function () {
var value = this.value;
if (value === 'absence') {
setMessage('Absence message');
} else if (value === 'laters') {
setMessage('Laters message');
} else {
setMessage('Default message');
}
return false;
};
function setMessage(message) {
document.sendform.message.value = message;
}
我将您的select元素封装在一个表单中，以便能够简单地在上面的JavaScript中寻址：
<form name="TemplateForm">
<select name="Templates">
<option value="#" selected>----Templates----</option>
<option value="absence">Absense</option>
<option value="laters">Lates</option>
</select>
</form>
为了查看选择了什么值，我还为options元素添加了唯一值。
现场示例：http://jsfiddle.net/fRB3s/1/