JS文本框追加多個下拉框的值的簡單實例

2024-05-06 15:49:03

字體：大中小

來源：轉載

供稿：網友

這篇文章介紹了JS文本框追加多個下拉框的值的例子，有需要的朋友可以參考一下

復制代碼代碼如下:

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META 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>
<select 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 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 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 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" value="">
</form>
</BODY>
</HTML>