                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!DOCTYPE html>

<html>

<head>

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>

</select>

</body>

</html>

a渔

2016-01-02

源自：JavaScript进阶篇 6-11

关注问题我要回答

594

操作

收起

1 回答

fireflyer 回答被采纳 +3 积分
2016-01-02

<!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>

1 回复有任何疑惑可以回复我~

收起回答

a渔提问者

非常感谢！

2016-01-02 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

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

进入课程

本课相似问答

2 回答代码实现不了，不知道哪里错了？

2 回答使用setAttribute不能实现是代码哪里出错了

3 回答代码删除实现不了

3 回答代码老运行不了，实在检查不出错误，望大神指教。。。

1 回答不选的功能实现不了哪里出错了

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

1 回答

本课相似问答

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