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 相关文章推荐
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
从源码看angular/material2 中 dialog模块的实现方法
Oct 18 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
Puppet的一些技巧
Sep 17 Javascript
详解vue 在移动端体验上的优化解决方案
May 20 Javascript
js尾调用优化的实现
May 23 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中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
解析PHP实现下载文件的两种方法
2013/07/05 PHP
linux下使用crontab实现定时PHP计划任务失败的原因分析
2014/07/05 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
功能强大的php分页函数
2016/07/20 PHP
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
python中的yield使用方法
2014/02/11 Python
python如何读写json数据
2018/03/21 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
python实现根据文件关键字进行切分为多个文件的示例
2018/12/10 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
使用IDLE的Python shell窗口实例详解
2019/11/19 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
Urban Decay官方网站:美国化妆品品牌
2020/06/04 全球购物
校园学雷锋广播稿
2014/10/08 职场文书
企业介绍信范文
2015/01/30 职场文书
2016入党心得体会范文
2016/01/06 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android