首 页最新软件下载排行文章资讯投稿发布下载专题
维维下载站
您的位置:首页编程开发网页制作Javascript → js将选中值累加到文本框实现代码

js将选中值累加到文本框实现代码

来源:本站整理 发布时间:2015-8-12 10:10:03 人气:

js将选中值累加到文本框实现代码演示,JavaScript将列表框或单选框选中的值累计加入到文本框中,在一些表单中常看到这种功能,可以免去用户输入的麻烦,大大提升了用户体验。变通一下,你还能做出更多的类似功能。

效果如下:

具体代码如下:

 
 
<html>
<head>
<title>js将选中值添加到文本框</title>
<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>
</head>
<body>
<form name="selectform">
<select name="dropdownbox" size=1>
<option value="">请选择</option>
<option value="ASP">ASP</option>
<option value="PHP">PHP</option>
<option value="JAVA">JAVA</option>
<option value="ASP.NET">ASP.NET</option>
<option value="DELPHI">DELPHI</option>
</select>
<input type=button value="添加到列表中" onClick="passText(this.form.dropdownbox.options[this.form.dropdownbox.selectedIndex].value);">
</form>
<form name="displayform" >
<textarea cols="30" rows="5" name="itemsbox" ></textarea>
</body>
</html>
相关下载
栏目导航
本类热门阅览