小璐小璐哎
2018-11-14 14:54
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var one = parseInt(document.getElementById('txt1').value);
//获取第二个输入框的值
var two = parseInt(document.getElementById('txt2').value);
//获取选择框的值
var way = document.getElementById('select').value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var result="";
switch(way){
case '+':
result = one+two;
break;
case '-':
result = one-two;
break;
case '*':
result = one*two;
break;
default '/':
result = one/two;
break;
}
//设置结果输入框的值
document.getElementById('fruit').value = result;
}
</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>
default '/': 注意这行代码,default本来就表示默认情况,无论任何条件都能通过default的选择,所以这个default是不需要添加条件的,将'/'去掉就可以成功运行了
注:多试试F12控制台调试嘛,打开控制台就直接报这个位置错误了
嗯谢谢你,我试了,可以是可以,但我还是想知道我那种方法是哪里不对
<script type="text/javascript">
function count()
{
var aa=document.getElementById("txt1").value;
//获取第一个输入框的值
var bb=document.getElementById("txt2").value;
//获取第二个输入框的值
//获取选择框的值
var cc=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
if(cc=="+"){
var sum=parseFloat(aa)+parseFloat(bb);
}else if(cc=="-"){
var sum=aa-bb;
}
else if(cc=="*"){
var sum=aa*bb;
}
else{
var sum=aa/bb;
}
//设置结果输入框的值
document.getElementById("fruit").value=sum;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+' selected="selected">+</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' />
你试试这样行不
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题