[英]javascript math.round and math.floor work fine in IE and Opera but not Chrome, Safari or Firefox. Getting NaN
看看这个小提琴：
或这是完整的标记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calculator</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.header {
font-size: 10pt;
color: white;
font-weight: 700;
text-decoration: none;
text-underline-style: none;
text-line-through: none;
font-family: Arial;
border-top: .5pt solid #C4D79B;
border-right: none;
border-bottom: .5pt solid #C4D79B;
border-left: .5pt solid #C4D79B;
background: #9BBB59;
mso-pattern: #9BBB59 none;
padding: 5px;
display: block;
width:138px;
text-align: center;
}
.drop {
width: 150px;
}
</style>
</head>
<body>
<script type="text/javascript">
function calculate() {
// 'improve' Math.round() to support a second argument
var _round = Math.round;
Math.round = function (number, decimals /* optional, default 0 */ ) {
if (arguments.length == 1)
return _round(number);
var multiplier = Math.pow(10, decimals);
return _round(number * multiplier) / multiplier;
}
/* examples
Math.round('123.4567', 2); // => 123.46
Math.round('123.4567'); // => 123
*/
msfPlanA = 25.00;
msfPlanB = 50.00;
msfPlanC = 79.99;
minPlanA = 500;
minPlanB = 1700;
minPlanC = 3000;
smsPlanA = 200;
smsPlanB = 600;
smsPlanC = 1000;
dataPlanA = 100;
dataPlanB = 250;
dataPlanC = 500;
plan = document.getElementById("plans").options.value;
days = document.getElementById("days").options.value;
if (plan == "Plan A") {
document.getElementById("msf").value = ('$' + Math.round(msfPlanA / 30 * days, 2));
document.getElementById("min").value = (Math.floor(minPlanA / 30 * days) + ' minutes');
document.getElementById("sms").value = (Math.floor(smsPlanA / 30 * days) + ' texts');
document.getElementById("data").value = (Math.floor(dataPlanA / 30 * days) + ' MBs');
} else if (plan == "Plan B") {
document.getElementById("msf").value = ('$' + Math.round(msfPlanB / 30 * days, 2));
document.getElementById("min").value = (Math.floor(minPlanB / 30 * days) + ' minutes');
document.getElementById("sms").value = (Math.floor(smsPlanB / 30 * days) + ' texts');
document.getElementById("data").value = (Math.floor(dataPlanB / 30 * days) + ' MBs');
} else {
document.getElementById("msf").value = ('$' + Math.round(msfPlanC / 30 * days, 2));
document.getElementById("min").value = (Math.floor(minPlanC / 30 * days) + ' minutes');
document.getElementById("sms").value = (Math.floor(smsPlanC / 30 * days) + ' texts');
document.getElementById("data").value = (Math.floor(dataPlanC / 30 * days) + ' MBs');
}
}
</script>
<form action="">
<table>
<tbody>
<tr>
<td> <span class="header">How many days?</span>
</td>
<td> <span class="header">Which plan?</span>
</td>
</tr>
<tr>
<td width="120px">
<select class="drop" id="days">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select>
</td>
<td>
<select class="drop" id="plans">
<option value="Plan A">Plan A</option>
<option value="Plan B">Plan B</option>
<option value="Plan C">Plan C</option>
</select>
</td>
<td>
<input type="button" value="Submit" onclick="calculate()" />
</td>
</tr>
</tbody>
</table>
<br />
<br />
<table>
<tbody>
<tr>
<td> <span class="header">Prorated MSF</span>
</td>
<td> <span class="header">Minutes</span>
</td>
<td> <span class="header">SMS</span>
</td>
<td> <span class="header">Data</span>
</td>
</tr>
<tr>
<td>
<input size="19" type="text" id="msf" value="Prorated MSF" readonly="readonly" />
</td>
<td>
<input size="19" type="text" id="min" value="Prorated Minutes" readonly="readonly" />
</td>
<td>
<input size="19" type="text" id="sms" value="Prorated SMS" readonly="readonly" />
</td>
<td>
<input size="19" type="text" id="data" value="Prorated Data" readonly="readonly" />
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
它可以在IE和Opera中正常运行，但不能在Chrome，Safari或Firefox中运行。 在Chrome，Safari和Firefox中，我得到的是NaN而不是实际值。 有什么建议吗？
我需要使它在所有5种主要浏览器上都能正常工作。
提前致谢！
回答只是没有人接受我的评论
document.getElementById("plans").value
不是.options.value同上几天
您对“选项”的使用不正确，这使它在某些情况下起作用的原因令人惊讶。
var x = document.getElementById("plans").selectedIndex;
plan = document.getElementById("plans").options[x].value;
options返回一个选项数组，您需要选择多个选项之一。
为什么 Math.floor() 优于 Math.round()？ [JavaScript]
[英]Why is Math.floor() preferred over Math.round()? [JavaScript]
JavaScript Math.Floor（（Math.Random（）* 1）+ 0）中获得1的可能性
[英]Probability of getting 1 in JavaScript Math.Floor((Math.Random() * 1) + 0)
是否为任何`a`保证`Math.floor（a / a）== 1`使得`a / a'不是NaN？
[英]Is `Math.floor(a / a) == 1` guaranteed for any `a` such that `a / a` is not NaN?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.