JS文本框追加多個(gè)下拉框的值的簡單實(shí)例

2019-11-20 22:31:58

字體：大中小

供稿：網(wǎng)友

<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> 