gpt4 book ai didi

javascript计算价格并在我在表单中插入数字后立即查看(输入类型 ='number' )

转载 作者:行者123 更新时间:2023-12-01 05:39:23 24 4
gpt4 key购买 nike

如何计算价格并在表单中插入数字后立即显示价格?我尝试了这个,但它在我按下提交后显示了价格。

<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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com