如何计算价格并在表单中插入数字后立即显示价格？我尝试了这个，但它在我按下提交后显示了价格。
<script type="text/javascript">
function myFunction() {
var price = document.getElementById("number").value * 5;
return price;
}
document.getElementById("demo").innerHTML = myFunction();
</script>
<td>
<input type="number" name="numberofpages" id="number" value="<?php if(isset($_POST['nrpagini'])){ echo $_POST['nrpagini'];}else{ echo '';}?>">
</td>
<td id="demo"></td>
当我在表单中插入数字时，我想将页数乘以 5 并立即显示价格。谢谢!
最佳答案
这是一个Plunkr您可以将其用作示例。我删除了 PHP 代码并硬编码了一个起始值，因为您无法在 Plunkr 中使用 PHP。
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<script>
$( document ).ready(function(){
updatePrice();
$('#number').change(function(){
updatePrice();
});
});
function updatePrice()
{
var price = $("#number").val() * 5;
$("#price").html('Price = ' + price);
}
</script>
</head>
<body>
<label>Number of Pages</label>
<input type="number" name="numberofpages" id="number" value="1000" />
<label id="price"></label>
</body>
</html>
关于javascript计算价格并在我在表单中插入数字后立即查看(输入类型 ='number' )，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31776399/