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 setTimeout()函数使用方法
Apr 07 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
Vue实现双向绑定的方法
Dec 22 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
原生JavaScript实现贪吃蛇游戏
Nov 04 Javascript
Vue实现菜单切换功能
Nov 08 Javascript
vue+openlayers绘制省市边界线
Dec 24 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
PHP IPV6正则表达式验证代码
2010/02/16 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
php数组查找函数总结
2014/11/18 PHP
php中ob_get_length缓冲与获取缓冲长度实例
2014/11/20 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
Python谱减法语音降噪实例
2019/12/18 Python
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
毕业生的自我评价范文
2013/12/31 职场文书
外贸业务员工作职责
2014/01/06 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
党员公开承诺书
2014/03/25 职场文书
酒店端午节活动方案
2014/08/26 职场文书
科学发展观标语
2014/10/08 职场文书
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python