将下拉框的选中值自动加入到文本框


大家肯定见到过这种功能吧？就是当我们在填写一些表单的时候，设计者为了用户输入方便，将一些可能用上的选项值写入一下Select下拉框的数组里，当用户选择这些值的时候，这些值会自动添加到文本框中，省去了用户输入的麻烦，也提高了程序运行的不安全因素，一举两得。

答案：<html>
<head>
<title>将下拉框的选中值自动加入到文本框</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin       
var messages = new Array(6); 
messages[0] = "";
messages[1] = "今天，是一个值得纪念的日子！";
messages[2] = "你是不是早已把我忘记?";       
messages[3] = "漆黑的夜晚，太阳很刺眼！";
messages[4] = "我今天去了站长资源库网站 ";
messages[5] = "网址是：www.zzzyk.com";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];
}
// End -->
</SCRIPT>
</head>
<body>
<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">请选择
<option>今天很特殊吗？
<option>你还爱我吗？
<option>晚上天气好吗？
<option>你去哪里了呀？
<option>网址多少呀？
</select>
<br><p>
<textarea name="messageField" rows=6 cols=50 wrap=virtual></textarea>
</form>
</body>
</html>

上一个：横向、竖向排列的多种选项卡及滑动门
下一个：一个清新的CSS表单布局

更多图片编程知识: