如何在JavaScript用下拉列表框做一个简单的加减乘除运算?
我本来是想作Asp.net做的,但是不太符合做这种程序,因为我想能在前台做的就在前台做,后台做复杂点的吧!我有很多的问题!高手帮帮忙吧!1、如何将TextBox里面的值转...
我本来是想作Asp.net做的,但是不太符合做这种程序,因为我想能在前台做的就在前台做,后台做复杂点的吧!
我有很多的问题!高手帮帮忙吧!
1、如何将TextBox里面的值转成数值型?(单独一个一个来做的话,加法会认为是字符串)
2、如何选择下拉列表的运算符并计算?
3、…………
4、…………
设计画面如图! 展开
我有很多的问题!高手帮帮忙吧!
1、如何将TextBox里面的值转成数值型?(单独一个一个来做的话,加法会认为是字符串)
2、如何选择下拉列表的运算符并计算?
3、…………
4、…………
设计画面如图! 展开
展开全部
<html>
<head>
<title>验证</title>
<script type="text/javascript">
function calculate(){
var num1 = document.getElementById("num1").value*1;
var num2 = document.getElementById("num2").value*1;
var type = document.getElementById("type").value;
var result = 0;
if(type=="+"){
result = num1+num2;
}
if(type=="-"){
result = num1-num2;
}
if(type=="*"){
result = num1*num2;
}
if(type=="/"){
result = num1/num2;
}
document.getElementById("result").value=result;
}
</script>
</head>
<body>
<input type="text" id="num1"/>
<select id="type">
<option>请选择</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2"/>
<input type="button" id="calculate" onclick="calculate();" value="计算"/><input type="text" id="result"/>
</body>
</html>
我验证了一下,基本满足你的要求,呵呵,试一下看是不是你要的!
<head>
<title>验证</title>
<script type="text/javascript">
function calculate(){
var num1 = document.getElementById("num1").value*1;
var num2 = document.getElementById("num2").value*1;
var type = document.getElementById("type").value;
var result = 0;
if(type=="+"){
result = num1+num2;
}
if(type=="-"){
result = num1-num2;
}
if(type=="*"){
result = num1*num2;
}
if(type=="/"){
result = num1/num2;
}
document.getElementById("result").value=result;
}
</script>
</head>
<body>
<input type="text" id="num1"/>
<select id="type">
<option>请选择</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2"/>
<input type="button" id="calculate" onclick="calculate();" value="计算"/><input type="text" id="result"/>
</body>
</html>
我验证了一下,基本满足你的要求,呵呵,试一下看是不是你要的!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |