我正在尝试创建一个页面,其中有两个下拉菜单,然后当用户按下提交时,它会根据下拉菜单中提供的数据计算价格。它需要从第一个下拉菜单选项中取 1 或 2,乘以第二个下拉菜单选项的值,再乘以 0.2,并在用户按下提交时输出它。我试图让它工作,但我不断收到 NaN 错误。有什么帮助吗?
<head>
<script type="text/javascript">
function price() {
var sqBn = document.priceCalc.squareOrBanner;
var Amt = document.priceCalc.number;
var price = sqBn * Amt * 0.2;
document.write(price);
}
</script>
<form name="priceCalc" action="priceCalcPage.html" onsubmit="document.write(price())">
<div align="center">
<select name="squareOrBanner">
<option value="1">Square</option>
<option value="2">Banner</option>
</select>
<select name="number">
<option value="250">250</option>
<option value="500">500</option>
<option value="750">750</option>
<option value="1000">1000</option>
</select>
<br><input type="submit" value="Figure out pricing!"><br>
</div>
</form>
最佳答案
也许您正在寻找这样的东西:
您需要访问这些对象中的 value
属性:
var price = sqBn.value * Amt.value * 0.2;
编辑:这是一个用价格更新输入框值的版本:http://jsfiddle.net/JSvSn/5/
编辑 2: Show price in a div.
关于Javascript 下拉表单数学计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3278214/