- ベストアンサー
セレクトボックスを使った計算式
テキストボックスに文字を入力してセレクトボックスで四則計算 をプルダウンメニューで選択し、３つ目のテキストボックスに 計算結果を表示するにはどのようにしたらよいのでしょうか？ とりあえず途中まで作ってみました。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>スクリプト練習</title> <script type="text/javascript"> <!-- function keisan(){ if(option value="＋"){ document.f1.t3.value(document.f1.t1.value + document.f1.t2.value); } } //--> </script> </head> <body> <form name="f1"> <input type="text" size="5" name="t1"> <select name="color2"> <option value="＋">＋</option> <option value="－">－</option> <option value="×">×</option> <option value="÷">÷</option> </select> <input type="text" size="5" name="t2"> <input type="button" value="=" onClick="keisan()"> <input type="text" size="5" name="t3"> </form> </body> </html> if文を作るところが特にわからず止まっています。 どうかよろしくお願いします。
- mokomokko-
- お礼率79% (46/58)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
function keisan(){ var f = document.f1; var v1 = eval(f.t1.value); var v2 = eval(f.t2.value); switch(f.color2.value){ case "＋" : document.f1.t3.value = v1 + v2; break; case "－" : document.f1.t3.value = v1 - v2; break; case "×" : document.f1.t3.value = v1 * v2; break; case "÷" : document.f1.t3.value = v1 / v2; break; } }
その他の回答 (1)
- talepanda
- ベストアンサー率58% (45/77)
<html> <body> <form name="f1"> <input type="text" size="5" name="t1"> <select name="color2"> <option value="+">＋</option> <option value="-">－</option> <option value="*">×</option> <option value="/">÷</option> </select> <input type="text" size="5" name="t2"> <input type="button" value="=" onClick="f=document.f1;f.t3.value=eval(f.t1.value+f.color2.value+f.t2.value)"> <input type="text" size="5" name="t3"> </form> </body> </html>
お礼
どうもありがとうございました。 とても助かりました。
お礼
すぐに回答をいただきましてありがとうございました。 助かりました。