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 相关文章推荐
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
如何提高Dom访问速度
Jan 05 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
webpack external模块的具体使用
Mar 10 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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
文章推荐系统(二)
2006/10/09 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
firebug的一个有趣现象介绍
2011/11/30 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
JS中获取数据库中的值的方法
2013/07/14 Javascript
php与js的区别是什么
2013/08/05 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
JavaScript变量类型以及变量作用域详解
2017/08/14 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
JS 验证码功能的三种实现方式
2018/11/26 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
用python找出那些被“标记”的照片
2017/04/20 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
PyQt5组件读取参数的实例
2019/06/25 Python
python之array赋值技巧分享
2019/11/28 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
PatPat香港:婴童服饰和亲子全家装在线购物
2020/09/27 全球购物
公关关系专员的自我评价分享
2013/11/20 职场文书
疾病捐款倡议书
2014/05/13 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
MySQL快速插入一亿测试数据
2021/06/23 MySQL