javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 文本框追加多个下拉框的值

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

作者:

这篇文章介绍了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>
您可能感兴趣的文章:
阅读全文