AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js实现将选中值累加到文本框的方法

51自学网 http://www.wanshiok.com
js,选中值,累加,文本框

本文实例讲述了js实现将选中值累加到文本框的方法。分享给大家供大家参考。具体如下:

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

运行效果截图如下:

具体代码如下:

<html><head><title>js将选中值添加到文本框</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginoldvalue = "";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>

希望本文所述对大家的javascript程序设计有所帮助。


js,选中值,累加,文本框  
上一篇:JavaScript入门基础  下一篇:javascript实现简单的分页特效