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源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 Javascript
javascript中打印当前的时间实现思路及代码
Dec 18 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
微信小程序组件 marquee实例详解
Jun 23 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
在Angular项目使用socket.io实现通信的方法
Jan 05 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
web方式ftp
2006/10/09 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
介绍Python中内置的itertools模块
2015/04/29 Python
python中将字典形式的数据循环插入Excel
2018/01/16 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
英国在线花园中心:You Garden
2018/06/03 全球购物
装潢设计专业推荐信模板
2013/11/26 职场文书
乡下人家教学反思
2014/02/01 职场文书
会计学自我鉴定
2014/02/06 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
初婚未育证明样本
2015/06/18 职场文书