Question

我有一个简单的form，包括number input。现在，我想在有人更改号码时动态添加总价。有人可以指导我做什么吗？我希望它能在不按提交的情况下完成。

<form>
<p class='ticket'>VIP ticket ($200):</p><input type="number" name="vip" min="0" max="20">
</form>

<p>Total price: </p>

Answer 1

稍微更改你的HTML：

<p class='ticket'>VIP ticket ($200):</p><input type="number" name="vip" id="vip" min="0" max="20" />

<p>Total price: $<span id="total">0</span></p>

我已使用<span id="total"></span>轻松更改总值，并将id="vip"添加到您的号码输入中。

var ticketValue = 200;

$("#vip").on("change", function() {
    $("#total").html($(this).val() * ticketValue);
});