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 相关文章推荐
jquery1.4后 jqDrag 拖动 不可用
Feb 06 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
浅析BootStrap栅格系统
Jun 07 Javascript
详解angular脏检查原理及伪代码实现
Jun 08 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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编写大型网站问题集
2007/03/06 PHP
解析PHP将对象转换成数组的方法(兼容多维数组类型)
2013/06/21 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
使用JavaScript获取Request中参数的值方法
2016/09/27 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
python中return如何写
2020/06/18 Python
python利用faker库批量生成测试数据
2020/10/15 Python
Python字典dict常用方法函数实例
2020/11/09 Python
python实现代码审查自动回复消息
2021/02/01 Python
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
妈妈的账单教学反思
2014/02/06 职场文书
体育教师求职信
2014/05/24 职场文书
2014中考励志标语
2014/06/05 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
卡特教练观后感
2015/06/08 职场文书
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android