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 相关文章推荐
40款非常有用的 jQuery 插件推荐(系列一)
Dec 21 Javascript
jQuery语法总结和注意事项小结
Nov 11 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
Javascript核心读书有感之表达式和运算符
Feb 11 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
Angular8 实现table表格表头固定效果
Jan 03 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 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
基于mysql的论坛(2)
2006/10/09 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
解决Laravel5.5下的toArray问题
2019/10/15 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
javascript 尚未实现错误解决办法
2008/11/27 Javascript
DWR Ext 加载数据
2009/03/22 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
js实现拖拽效果
2015/02/12 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
2018/01/26 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
Vue使用Ref跨层级获取组件的步骤
2021/01/25 Vue.js
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
Python生成器以及应用实例解析
2018/02/08 Python
pandas 对每一列数据进行标准化的方法
2018/06/09 Python
Flask框架信号用法实例分析
2018/07/24 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
专科文秘应届生求职信
2013/11/18 职场文书
党员创先争优承诺书
2014/03/26 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
2015年元旦标语大全
2014/12/09 职场文书
防溺水安全教育主题班会
2015/08/12 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python