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 相关文章推荐
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
Oct 26 Javascript
基于jquery的可多选的下拉列表框
Jul 20 Javascript
jquery 插件学习(二)
Aug 06 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
vue中的v-if和v-show的区别详解
Sep 01 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程序的多种方法介绍
2014/11/06 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
elementUI 动态生成几行几列的方法示例
2019/07/11 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
JS实现分页导航效果
2020/02/19 Javascript
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
Python的Django框架使用入门指引
2015/04/15 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python Socket使用实例
2017/12/18 Python
python爬虫爬取网页表格数据
2018/03/07 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
技术总监岗位职责
2013/12/05 职场文书
物业公司采购员岗位职责
2013/12/31 职场文书
销售经理岗位职责
2014/03/16 职场文书
《荷花》教学反思
2014/04/16 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
销售会议开幕词
2015/01/28 职场文书
医者仁心观后感
2015/06/17 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
七年级数学教学反思
2016/02/17 职场文书
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技