<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
????//獲取第一個輸入框的值
????var?a?=?document.getElementById("txt1").value;
????//獲取第二個輸入框的值
????var?b?=?document.getElementById("txt2").value;
????//獲取選擇框的值
????var?c?=?document.getElementById("select").value;
????//獲取第四個結(jié)果框的值
????
????//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
????switch(c){
????????case?"+":
???????????????d?=?a+b;
????????????break;
???????case?"-";
???????????????d?=?a-b;
???????????break;
???????case?"*":
???????????????d?=?a*b;
???????????break;
???????case?"/"
???????????????d?=?a/b;
???????????break;
???????default{
???????????alert("請輸出值");
???????}
????}
????//設(shè)置結(jié)果輸入框的值?
????var??d?=?document.getElementById("fruit").value;
???}
??</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()"/>?<!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>
2017-01-12
改成：
//設(shè)置結(jié)果輸入框的值 document.getElementById("fruit").value?=?d;就能夠在第三個文本框設(shè)置值了。
但這個結(jié)果是錯的，因為沒有把a、b從字符串類型轉(zhuǎn)成整型，所以需要用到parseInt()函數(shù)去轉(zhuǎn)換a和b。