当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 列表内容的选择

列表内容的选择

2019年07月31日  | 移动技术网IT编程  | 我要评论

<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=gb2312'>
<title>列表内容的选择</title>
</head>
<body >

<script language="javascript">
<!-- begin
oldvalue = "";
function passtext(passedvalue) {
 if (passedvalue != "") {
 var totalvalue = passedvalue+"\n"+oldvalue;
 document.displayform.itemsbox.value = totalvalue;
 oldvalue = document.displayform.itemsbox.value;
 }
}
// end -->
</script>
<form name="selectform">
<select name="dropdownbox" size=1>
<option value="">请选择</option>
<option value="第一项">第一项</option>
<option value="第二项">第二项</option>
<option value="第三项">第三项</option>
<option value="第四项">第四项</option>
<option value="第五项">第五项</option>
<option value="第六项">第六项</option>
</select>
<input type=button value="添加到列表中" onclick="passtext(this.form.dropdownbox.options[this.form.dropdownbox.selectedindex].value);">
</form>
<form name="displayform" >
<font face="arial, helvetica, sans serif" size="3"><b>你可以自己选择一下:</b></font><br>
<textarea cols="30" rows="5" name="itemsbox" ></textarea>
</body></html>

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网