JS文本框追加多个下拉框的值的简单实例

更新时间：2013年07月12日 11:41:12 作者：

这篇文章介绍了JS文本框追加多个下拉框的值的例子，有需要的朋友可以参考一下

<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语句错误throw、try及catch实例解析
这篇文章主要介绍了JavaScript语句错误throw、try及catch实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
js 中的柯里化与反柯里化的基础概念和用法
柯里化是将接受多个参数的函数转换成一系列只接受单个参数的函数的过程，而反柯里化是将柯里化函数转换成接受多个参数的函数的过程，本文将带大家理解 js 中的柯里化与反柯里化,需要的朋友可以参考下
2023-07-07
JS 数组和对象的深拷贝操作示例
这篇文章主要介绍了JS 数组和对象的深拷贝操作,结合实例形式分析了JS 数组和对象的深拷贝基本原理与操作技巧,需要的朋友可以参考下
2020-06-06
layer.prompt输入层的例子
今天小编就为大家分享一篇layer.prompt输入层的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JavaScript中的方法调用详细介绍
这篇文章主要介绍了JavaScript中的方法调用详细介绍,JavaScript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”,需要的朋友可以参考下
2014-12-12
如何利用JS检查元素是否在视口内
这篇文章主要给大家介绍了关于如何利用JS检查元素是否在视口内的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
JS实现的四叉树算法详解
这篇文章主要介绍了JS实现的四叉树算法,简单分析了四叉树的相关概念、原理、实现方法及操作注意事项,需要的朋友可以参考下
2018-12-12
通过JS判断网页是否为手机打开
这篇文章主要介绍了通过JS判断网页是否为手机打开,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
这个其实就是利用了js的split函数，以@分割数组，一般用这个的地方不多，但这个思路应用的比较广泛。推荐大家学习。
2009-12-12
微信小程序实现添加手机联系人功能示例
这篇文章主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下
2017-11-11