如何根据表单字段类型=“数字”自动更新价格

Question

如果我已创建订单表单，并希望允许用户使用表单类型为“数字”的基于数字的输入选择产品数量，您将使用什么事件来计算总成本？我试过oninput，但它只是输出错误“Uncaught TypeError：Object [object Object]没有方法'oninput'”

例如，此代码：

<label>Number of products:</label> <input name="product" id="product" type="number" /> Total Value: $ <span id="result"></span>​

和计算：

jQuery(document).ready(function(){
jQuery('#product').oninput(function(){
    jQuery('#result').text(jQuery('#product').val() * 25.99);
});    

}）;

http://jsfiddle.net/7BDwP/806/

Answer 1

您需要使用change事件。

$(document).ready(function(){
    $('#product').change(function(){
        $('#result').text($(this).val() * 25.99);
    });    
});​

此外，您可能希望为输入字段添加最小值：

<input name="shares" id="product" type="number" min=0 />