<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????
????//獲取第一個(gè)輸入框的值
????var?txt1?=?document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
????var?txt2?=?document.getElementById("txt2").value;
//獲取選擇框的值
????var?select?=?document.getElementById("select").value;
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
????var?result?=?'';
????switch(select){
????????case?"+":
???????????result?=?txt1?+?txt2;
???????????break;
????????case?"-":
????????????result?=?txt1?-?txt2;
????????????break;
????????case?"*":
????????????result?=?txt1?*?txt2;
????????????break;
????????case?"/":
????????????result?=?txt1?/?txt2;
????????????break;
????????default?:
????????????break;
????}
????//設(shè)置結(jié)果輸入框的值?
????document.getElementById("fruit").value?=?result;
???}
??</script>?
?</head>?
?<body>
???<input?type='text'?id='txt1'?/>?
???<select?id='select'>
<option?value='+'>+</option>
<option?value="-">-</option>
<option?value="*">*</option>
<option?value="/">/</option>
???</select>
???<input?type='text'?id='txt2'?/>?
???<input?type='button'?value='?=?'??onclick="count()"/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>
2016-07-09
因?yàn)椋骸?”符號(hào)被優(yōu)先當(dāng)做字符串連接符了，所以效果就是1字符串連接上了2字符串“12”；
修正：加parseInt（）方法強(qiáng)制轉(zhuǎn)為整數(shù)。如：var txt1 = parseInt(document.getElementById("txt1").value);