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实现的激活输入框后隐藏初始内容
Jun 29 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
Mar 30 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
使用localStorage替代cookie做本地存储
Sep 25 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的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
JavaScript flash复制库类 Zero Clipboard
2011/01/17 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
JS中Location使用详解
2015/05/12 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python判断直线和矩形是否相交的方法
2015/07/14 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
运动会通讯稿100字
2014/01/31 职场文书
创业计划书模版
2014/02/05 职场文书
员工合理化建议书
2014/05/19 职场文书
质量标语大全
2014/06/12 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
通知格式
2015/04/27 职场文书
安全教育第一课观后感
2015/06/17 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
使用 JavaScript 制作页面效果
2021/04/21 Javascript
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android
「月刊Action」2022年5月号封面公开
2022/03/21 日漫
Python使用socket去实现TCP客户端和TCP服务端
2022/04/12 Python