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 版本]
Mar 20 Javascript
通过JavaScript控制字体大小的代码
Oct 04 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 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如何得到当前页和上一页的地址?
2006/11/27 PHP
处理php自动反斜杠的函数代码
2010/01/05 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
php使用wordwrap格式化文本段落的方法
2015/03/17 PHP
PHP在线书签系统分享
2016/01/04 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
JavaScript基础函数整理汇总
2015/01/30 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
vue组件中的数据传递方法
2018/05/14 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
详解javascript void(0)
2020/07/13 Javascript
Python生成随机数组的方法小结
2017/04/15 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
python批量替换多文件字符串问题详解
2018/04/22 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
python实现从ftp服务器下载文件
2020/03/03 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
SQL数据库笔试题
2016/03/08 面试题
企业门卫岗位职责
2013/12/12 职场文书
光盘行动倡议书
2014/02/02 职场文书
个人工作主要事迹
2014/05/08 职场文书
欢迎领导标语
2014/06/27 职场文书
中国十大神话动漫电影排行榜 哪吒登顶 白蛇缘起排第七
2022/03/21 国漫