各位親們，幫忙看看吧，結(jié)果總是NAN
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var oTx1= document.getElementById("txt1").value; ?
? ? //獲取第一個輸入框的值
? ? var oTx2=document.getElementById("txt2").value;
//獲取第二個輸入框的值
? ? var oTx3=document.getElementById("select");
//獲取選擇框的值
? ? var result=" ";
? ? switch(oTx3)
? ? {
? ? ? ? case "+":
? ? ? ? ? ? result=parseFloat("oTx1")+parseFloat("oTx2");
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? result=parseFloat("oTx1")-parseFloat("oTx2");
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? result=parseFloat("oTx1")*parseFloat("oTx2");
? ? ? ? ? ? break;
? ? ? ? default:
? ? ? ? ? ? result=parseFloat("oTx1")/parseFloat("oTx2");
? ? ? ? ? ? break;
? ? }
? ? document.getElementById("fruit").value=result;
? ? ? ??
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設(shè)置結(jié)果輸入框的值?
? ??
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1' />?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select></br>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onclick="count()"/> </br><!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2015-11-19
var?oTx3=document.getElementById("select");這里只獲取到元素對象，要獲取值，應(yīng)該用value屬性
????????case?"+": ????????????result=parseFloat("oTx1")+parseFloat("oTx2"); ????????????break; ????????case?"-": ????????????result=parseFloat("oTx1")-parseFloat("oTx2"); ????????????break; ????????case?"*": ????????????result=parseFloat("oTx1")*parseFloat("oTx2"); ????????????break; ????????default: ????????????result=parseFloat("oTx1")/parseFloat("oTx2"); ????????????break;這里的變量名oTx1和oTx2不需要加引號。
修改后的全代碼
<!DOCTYPE?html> <html> <head> ????<title>?事件</title> ????<script?type="text/javascript"> ????????function?count(){ ????????????var?oTx1=?document.getElementById("txt1").value; ????????????//獲取第一個輸入框的值 ????????????var?oTx2=document.getElementById("txt2").value; //獲取第二個輸入框的值 ????????????var?oTx3=document.getElementById("select").value; //獲取選擇框的值 ????????????var?result="?"; ????????????switch(oTx3) ????????????{ ????????????????case?"+": ????????????????????result?=?parseFloat(oTx1)?+?parseFloat(oTx2); ????????????????????break; ????????????????case?"-": ????????????????????result?=?parseFloat(oTx1)?-?parseFloat(oTx2); ????????????????????break; ????????????????case?"*": ????????????????????result?=?parseFloat(oTx1)?*?parseFloat(oTx2); ????????????????????break; ????????????????default: ????????????????????result?=?parseFloat(oTx1)?/?parseFloat(oTx2); ????????????} ????????????document.getElementById("fruit").value=result; //獲取通過下拉框來選擇的值來改變加減乘除的運算法則 ????????????//設(shè)置結(jié)果輸入框的值 ????????} ????</script> </head> <body> <input?type='text'?id='txt1'?/> <select?id='select'> ????<option?value='+'>+</option> ????<option?value="-">-</option> ????<option?value="*">*</option> ????<option?value="/">/</option> </select></br> <input?type='text'?id='txt2'?/> <input?type='button'?value='?=?'?onclick="count()"/>?</br><!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果--> <input?type='text'?id='fruit'?/> </body> </html>