根據我的經驗我說的再多也沒人看，不過還是簡單介紹下效果吧，可以選擇+,-,*,/,去計算數據，喜歡的話就粘貼復制自己看去吧！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> </head> <body> <input type='text' id='txt1' value="" /> <select id='select'> <option value='0'>+</option> <option value="1">-</option> <option value="2">*</option> <option value="3">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()" /> <!--通過 = 按鈕來調用創建的函數，得到結果--> <input type='text' id='fruit' /> </body> <script type="text/javascript"> function count(){ var a= parseInt(document.getElementById("txt1").value)//獲取第一個輸入框的值 var b = parseInt(document.getElementById("txt2").value)//獲取第二個輸入框的值 var c=parseInt(document.getElementById("select").value) var d=document.getElementById("fruit").value switch(c){ case 0: document.getElementById("fruit").value=add(a,b);break; case 1:document.getElementById("fruit").value=sum(a,b);break; case 2:document.getElementById("fruit").value=app(a,b);break; case 3:document.getElementById("fruit").value=divs(a,b);break; }//獲取通過下拉框來選擇的值來改變加減乘除的運算法則 //設置結果輸入框的值 } function add(a,b){ suma=a+b; return suma; } function sum(a,b){ sumb=a-b; return sumb; } function app(a,b){ sumc=a*b; return sumc; } function divs(a,b){ sumd=a/b; return sumd; } </script> </html>