JS文本框追加多个下拉框的值的简单实例


Posted in Javascript onJuly 12, 2013
<HTML>   
 <HEAD>   
  <TITLE> New Document </TITLE>   
  <META NAME="Generator" CONTENT="EditPlus">   
  <META NAME="Author" CONTENT="">   
  <META NAME="Keywords" CONTENT="">   
  <META NAME="Description" CONTENT="">   
<script language="javascript"> 
function doit(ofrm){ 
   //ofrm.t1.value=parseInt(ofrm.s1.value)+parseInt(ofrm.s2.value)+parseInt(ofrm.s3.value)+parseInt(ofrm.s4.value); 
 ofrmofrm.t1.value=ofrm.s1.value+ofrm.s2.value+ofrm.s3.value+ofrm.s4.value; 
} 
</script>  
 </HEAD>   
 <BODY>   
<form name="tfrm"> 
<select name="s1" onChange="javascript:doit(this.form);"> 
<option value="*" selected>请选择</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
<select name="s2" onChange="javascript:doit(this.form);"> 
<option value="*" selected>请选择</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
<select name="s3" onChange="javascript:doit(this.form);"> 
<option value="*" selected>请选择</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
<select name="s4" onChange="javascript:doit(this.form);"> 
<option value="*" selected>请选择</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
<input type="text" name="t1" value=""> 
</form> 
 </BODY>   
</HTML>
Javascript 相关文章推荐
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
Javascript之Math对象详解
Jun 07 Javascript
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
原生JavaScript实现remove()和recover()功能示例
Jul 24 Javascript
详解Vue.js使用Swiper.js在iOS
Sep 10 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
JS this关键字在ajax中使用出现问题解决方案
Jul 17 Javascript
JS代码同步文本框内容的实例方法
Jul 12 #Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 #Javascript
js jquery获取随机生成id的服务器控件的三种方法
Jul 11 #Javascript
js动态生成指定行数的表格
Jul 11 #Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
Jul 11 #Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 #Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 #Javascript
You might like
用php过滤危险html代码的函数
2008/07/22 PHP
使用GD库生成带阴影文字的图片
2015/03/27 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
子页向父页传值示例
2013/11/27 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
Vue的轮播图组件实现方法
2018/03/03 Javascript
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
深入理解 ES6中的 Reflect用法
2020/07/18 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
python中__slots__用法实例
2015/06/04 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
python pillow模块使用方法详解
2019/08/30 Python
Python常用库大全及简要说明
2020/01/17 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
老教师工作总结的自我评价
2013/09/27 职场文书
环境科学专业个人求职信
2013/12/15 职场文书
简历中个人自我评价范文
2013/12/26 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
支部组织生活会方案
2014/06/10 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
总经理助理岗位职责
2015/01/31 职场文书
创业计划书之甜品店
2019/09/18 职场文书
某某幼儿园的教育教学管理调研分析报告
2019/11/29 职场文书
《废话连篇——致新手》——chinapizza
2022/04/05 无线电