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


Posted in Javascript onAugust 12, 2015

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

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

运行效果截图如下:

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

具体代码如下:

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

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

Javascript 相关文章推荐
javascript新手语法小结
Jun 15 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
深入理解jQuery.data() 的实现方式
Nov 30 Javascript
React Router基础使用
Jan 17 Javascript
jQuery实现验证码功能
Mar 17 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
JS实现的小火箭发射动画效果示例
Dec 08 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
javascript实现简单的分页特效
Aug 12 #Javascript
JavaScript实现网站访问次数统计代码
Aug 12 #Javascript
jquery+ajax请求且带返回值的代码
Aug 12 #Javascript
javascript封装简单实现方法
Aug 11 #Javascript
基于Css3和JQuery实现打字机效果
Aug 11 #Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 #Javascript
js判断子窗体是否关闭的方法
Aug 11 #Javascript
You might like
坏狼php学习 计数器实例代码
2008/06/15 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
如何判断php mysqli扩展类是否开启
2016/12/24 PHP
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
url地址自动加#号问题说明
2010/08/21 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
[05:42]DOTA2英雄梦之声_第10期_蝙蝠骑士
2014/06/21 DOTA
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
解决Python安装cryptography报错问题
2020/09/03 Python
基于Python的接口自动化读写excel文件的方法
2021/01/15 Python
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
运动会班级口号
2014/06/09 职场文书
汽车运用工程专业求职信
2014/06/18 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
交通安全温馨提示语
2015/07/14 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
初中英语教学反思范文
2016/02/15 职场文书
MySQL数据库简介与基本操作
2022/05/30 MySQL
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python