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> |