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 相关文章推荐
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
Jquery对数组的操作技巧整理
Mar 25 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
深入理解Node module模块
Mar 26 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
JS字符串与二进制的相互转化实例代码详解
Jun 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
PHP微框架Dispatch简介
2014/06/12 PHP
php 猴子摘桃的算法
2017/06/20 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
js FLASH幻灯片字符串中有连接符&的处理方法
2012/03/01 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
详解JS数组Reduce()方法详解及高级技巧
2017/08/18 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
jquery获取input输入框中的值
2019/11/13 jQuery
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
js实现蒙版效果
2020/01/11 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
Python实现计算最小编辑距离
2016/03/17 Python
python使用turtle库绘制树
2018/06/25 Python
详解python里的命名规范
2018/07/16 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
python能自学吗
2020/06/18 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
前端实现打印图像功能
2019/08/27 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
劳资员岗位职责
2013/11/11 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
2015年工程部工作总结
2015/04/30 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
2016年教师节慰问信
2015/12/01 职场文书
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript