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 相关文章推荐
jqPlot Option配置对象详解
Jul 25 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
vue 源码解析之虚拟Dom-render
Aug 26 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
Sep 21 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
js实现圆形菜单选择器
Dec 03 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查看session内容的函数
2008/08/27 PHP
处理单名多值表单的详解
2013/06/08 PHP
php添加数据到xml文件的简单例子
2016/09/08 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
jquery keypress,keyup,onpropertychange键盘事件
2010/06/25 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
用python写asp详细讲解
2013/12/16 Python
python编写简单爬虫资料汇总
2016/03/22 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
不同浏览器对CSS3和HTML5的支持状况
2009/10/31 HTML / CSS
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
新闻专业毕业生求职信
2014/08/08 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
2014年话务员工作总结
2014/11/19 职场文书
就业证明函
2015/06/17 职场文书
2016银行求职自荐信
2016/01/28 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
Python实战之实现简易的学生选课系统
2021/05/25 Python
5行Python代码实现一键批量扣图
2021/06/29 Python
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android
使用Python解决图表与画布的间距问题
2022/04/11 Python