问答详情
源自:6-11 编程练习

请教,代码出错了,实现不了。

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

    var a=document.getElementById("txt1").value;   

    //获取第一个输入框的值

    var b=document.getElementById("txt2").value; 

//获取第二个输入框的值

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

//获取选择框的值

    function add2(a,b)

   {

        switch(c)

        {

        case"+":

            sum=a+b;

        break;

        case"-":

            sum=a-b;

        break;

        case"*":

            sum=a*b;

        break;

        default:

            sum=a/b;

         }

        return sum;

    }

//获取通过下拉框来选择的值来改变加减乘除的运算法则     

    document.getElementById("fruit").value=sum;

    //设置结果输入框的值 

    

  </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="add2(a,b)" /><!--通过 = 按钮来调用创建的函数,得到结果--> 

   <input type='text' id='fruit' />   

 </body>

</html>


提问者:a渔 2016-01-02 14:50

个回答

  • fireflyer
    2016-01-02 15:02:01
    已采纳

    <!DOCTYPE html>
    <html>
    	<head>
    		<title> 事件</title>  
    	</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="showResult()" /><!--通过 = 按钮来调用创建的函数,得到结果--> 
    		<input type='text' id='fruit' /> 
    		<script type="text/javascript">
    			//获取选择框的值
    			function add2(a,b)
    			{
    				a = a*1;	//因js内部机制,需要:
    				b = b*1;	//需要:*1 字符串转数值
    				var c=document.getElementById("select").value; 
    				switch(c)	//获取通过下拉框来选择的值来改变加减乘除的运算法则   
    				{
    					case"+":
    						sum=a+b;
    						break;
    					case"-":
    						sum=a-b;
    						break;
    					case"*":
    						sum=a*b;
    						break;
    					default:
    						sum=a/b;
    				 }
    				return sum;
    			}
    			  
    			function showResult()
    			{
    				var a=document.getElementById("txt1").value;	//获取第一个输入框的值 
    				
    				var b=document.getElementById("txt2").value;	//获取第二个输入框的值
    				
    				document.getElementById("fruit").value = add2(a,b);	//设置结果输入框的值
    			}
    		</script>   
    	</body>
    </html>