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 要点归纳(一) jQuery选择器
Mar 21 Javascript
原生javaScript做得动态表格(注释写的很清楚)
Dec 29 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
最简单的tab切换实例代码
May 13 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
webpack开发跨域问题解决办法
Aug 03 Javascript
vue实现选项卡及选项卡切换效果
Apr 24 Javascript
详解JSON Web Token 入门教程
Jul 30 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 Gc的一个小概率Notice
2011/04/12 PHP
php中长文章分页显示实现代码
2012/09/29 PHP
php将12小时制转换成24小时制的方法
2015/03/31 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
js删除数组元素、清空数组的简单方法(必看)
2016/07/27 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
2017/12/24 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
使用PDB模式调试Python程序介绍
2015/04/05 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
python初步实现word2vec操作
2020/06/09 Python
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
质量负责人任命书
2014/06/06 职场文书
会计师事务所实习证明
2014/11/16 职场文书
催款通知书范文
2015/04/17 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
电影建党伟业观后感
2015/06/01 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
Django rest framework如何自定义用户表
2021/06/09 Python
再谈python_tkinter弹出对话框创建
2022/03/20 Python