js 下拉框 加减乘除 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>

<script>
   function count(){
    var num1 = parseInt(document.getElementById("txt1").value);    //获取第一个输入框的值
    var num2 = parseInt(document.getElementById("txt2").value);    //获取第二个输入框的值
    var fu =document.getElementById("select").value;    //获取通过下拉框来选择的值
    var jisuan;
    switch(fu)
    {
        case "+":jisuan= num1+num2;break;
        case "-":jisuan= num1-num2;break;
        case "*":jisuan= num1*num2;break;
        case "/":jisuan= num1/num2;break;
        default:break;
    }
    
    document.getElementById("result").value = jisuan;
    
   }
  </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()" /> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='result' />   

</body>
</html>

<!--
疑问：
1、pareseInt()
2、获取输入框的值   value  ~  innerHTML?
3、value的使用
   *出现在按钮上
   *取值
-->

 

posted @ 2016-08-17 16:24  Hsinwang  阅读(973)  评论(0)    收藏  举报