运行不出结果呀

来源:6-11 编程练习

weibo_任_无忧_0

2015-11-28 17:45

实在看不出来哪里代码错了。。。

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
     var res1=document.getElementById("txt1").value;
    //获取第一个输入框的值
    var res2=document.getElementById("txt2").value;
    //获取第二个输入框的值
    var res3=document.getElementById('select").value;
    var res="";
    //获取选择框的值
    switch(res3){
        case "+":
            res=parseInt(res1) + parseInt(res2);
            break;
        case "-":
            res=parseInt(res1) - parseInt(res2);
            break;
        case "*":
            res=parseInt(res1) * parseInt(res2);
            break;
        case "/":
            res=parseInt(res1) / parseInt(res2);
            break;
    }
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
  document.getElementById("fruit").value=res;
    //设置结果输入框的值
    
   }
  </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='fruit' />   
 </body>
</html>

写回答 关注

1回答

  • 慕男婶
    2015-11-28 17:55:40
    已采纳
    //获取第二个输入框的值
    var res3=document.getElementById('select").value;

    看看你的第11行代码,开始的引号是 ' 但是结束是 "

    改成下面即可

    var res3=document.getElementById("select").value;


    weibo_...

    非常感谢!

    2015-11-28 18:13:37

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

467392 学习 · 21877 问题

查看课程

相似问题