用JS 寫一個加減乘除的小列子 要的效果是 下拉加減乘除自動運(yùn)算
qq_嚴(yán)瑞_0
2016-12-21 16:38:46
3 回答
已采納
來虐小學(xué)生
TA貢獻(xiàn)20條經(jīng)驗(yàn) 獲得超4個贊
? ? ? ? <select name="xiala" size="1" >?
?? ??? ?<option value="+" selected="selected" id="yusuanfu">+</option>
?? ??? ?<option id="yusuanfu" value="-">-</option>
?? ??? ?<option id="yusuanfu" value="*">*</option>
?? ??? ?<option id="yusuanfu" value="/">/</option>
?? ??? ?</select>
這一部分代碼有問題，
<select name="xiala" id="yunsuanfu" size="1" >
? ?<option value="+">+</option>
? ?<option value="-">-</option>
? ?<option value="*">*</option>
? ?<option value="/">/</option>
</select>
我的全部代碼，用你的經(jīng)過刪改的，是通過點(diǎn)擊完成你的作用的
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title></title>
? ?<script type="text/javascript" >
? ? ? ?function yunsuan(){
? ? ? ? ? ?var _num1=document.getElementById("_num1").value;
? ? ? ? ? ?_num1 =parseInt(_num1);
? ? ? ? ? ?var _num2=document.getElementById("_num2").value;
? ? ? ? ? ?_num2 =parseInt(_num2);
? ? ? ? ? ?var yunsuanfu=document.getElementById("yunsuanfu").value;
? ? ? ? ? ?var sum;
? ? ? ? ? ?switch(yunsuanfu){
? ? ? ? ? ? ? ?case '+':
? ? ? ? ? ? ? ? ? ?sum=_num1+_num2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '-' :
? ? ? ? ? ? ? ? ? ?sum=_num1-_num2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '*' :
? ? ? ? ? ? ? ? ? ?sum=_num1*_num2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '/' :
? ? ? ? ? ? ? ? ? ?sum=_num1/_num2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?default:
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ?}
? ? ? ? ? ?document.getElementById("sum").innerHTML = sum;
? ? ? ?}
? ?</script>
</head>
<body>
<input type="text" ?value="5" ?id="_num1"/>
<select name="xiala" id="yunsuanfu" size="1" >
? ?<option value="+">+</option>
? ?<option value="-">-</option>
? ?<option value="*">*</option>
? ?<option value="/">/</option>
</select>
<input type="text" ? value="6" ?id="_num2"/>
<input type="button" value="=" onclick="yunsuan()">
<span id="sum"> ?</span>
</body>
</html>
qq_嚴(yán)瑞_0
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個贊
<title></title>
?? ??? ?<script type="text/javascript" >
?? ??? ?window.onload=function(){
?? ??? ???? var _num1=document.getElementById("_num1").value;
?? ??? ??? ?_num1 =parseInt(_num1);
?? ??? ???? var _num2=document.getElementById("_num2").value;
?? ??? ??? ?_num2 =parseInt(_num2);
?? ??? ??? ?var yunsuanfu=document.getElementById("yunsuanfu").value;
?? ??? ??? ?var sum;
?? ??? ??? ?
?? ??? ??? ?switch(yunsuanfu){
?? ??? ??? ??? ?case '+':
?? ??? ??? ??? ?sum=_num1+_num2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?
?? ??? ??? ??? ?case '-' :
?? ??? ??? ??? ?sum=_num1-_num2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?
?? ??? ??? ??? ?case '*' :
?? ??? ??? ??? ?sum=_num1*_num2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?
?? ??? ??? ??? ?case '/' :
?? ??? ??? ??? ?sum=_num1/_num2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?
?? ??? ??? ??? ?default:沒有此語句 ;
?? ??? ??? ??? ?break;
?? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ????? }
?? ??? ??? ?? document.getElementById("sum").innerHTML=sum;
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?
?? ??? ?</script>
?? ?</head>
?? ?<body>
?? ??? ?<input type="text"? value="5"? id="_num1"/>
?? ??? ?
?? ??? ?<select name="xiala" size="1" >
?? ??? ?<option value="+" selected="selected" id="yusuanfu">+</option>
?? ??? ?<option id="yusuanfu" value="-">-</option>
?? ??? ?<option id="yusuanfu" value="*">*</option>
?? ??? ?<option id="yusuanfu" value="/">/</option>
?? ??? ?</select>
?? ??? ?
?? ??? ?<input type="text"?? value="6"? id="_num2"/>
?? ??? ?=
?? ??? ?<span id="sum">? </span>
?? ??? ?
?? ??? ?
?? ??? ?
?? ?</body>
</html>
大神幫看看
-
杰杰就是我樓上的是正確的 首先 你select 中的option 中id定義問題, 不需要那么多定義 <select name="xiala" id="yunsuanfu" size="1" > <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> 通過 yunsuanfu.value 就可以獲取到 選擇的運(yùn)算符號了, 然后在進(jìn)行操作 即可
杰杰就是我
TA貢獻(xiàn)32條經(jīng)驗(yàn) 獲得超24個贊
其實(shí)你可以獲取到select的值 ,然后套用 switch 進(jìn)行比較 ?,比如你選擇 '+'的操作
switch(tag){
????case?'+':
????????sum?=?num1+num2;
????????break;
????case?'-':
????????.............
}可以這樣來操作, ?你判斷選擇符那里有問題 , 因?yàn)??你用的是 sum = num1+num2 , 所以執(zhí)行的永遠(yuǎn)是第一條語句 ?不懂可以繼續(xù)提問
-
qq_嚴(yán)瑞_0<title></title> <script type="text/javascript" > window.onload=function(){ var _num1=document.getElementById("_num1").value; _num1 =parseInt(_num1); var _num2=document.getElementById("_num2").value; _num2 =parseInt(_num2); var yunsuanfu=document.getElementById("yunsuanfu").value; var sum; switch(yunsuanfu){ case '+': sum=_num1+_num2; break; case '-' : sum=_num1-_num2; break; case '*' : sum=_num1*_num2; break; case '/' : sum=_num1/_num2; break; default:沒有此語句 ; break; } document.getElementById("sum").innerHTML=sum; </script> </head> <body> <input type="text" value="5" id="_num1"/> <select name="xiala" size="1" > <option value="+" selected="selected" id="yusuanfu">+</option> <option id="yusuanfu" value="-">-</option> <option id="yusuanfu" value="*">*</option> <option id="yusuanfu" value="/">/</option> </select> <input type="text" value="6" id="_num2"/> = <span id="sum"> </span> </body> </html>
-
qq_嚴(yán)瑞_0大神你幫我改改 懵B了
添加回答
舉報(bào)
0/150
提交
取消