jQuery 简单乘法形式 (onkeyup)答案

【问题标题】：jQuery Simple Multiplication Form (onkeyup)jQuery 简单乘法形式 (onkeyup)
【发布时间】：2014-02-07 18:11:43
【问题描述】：

我正在尝试让这个 jQuery 计算器工作，但事实并非如此。我究竟做错了什么？

$(document).ready(function() {
    $('input#height-input').keyup(function() {
        var a = $('input#diameter-input').val();
        var b = $('input#height-input').val();
        var c = 0.139885;
        var d = 42;
        $('div#barrels-result').val(a * a * b * c);
        $('div#gallons-result').val(a * a * b * c * d);
    });
});

http://jsfiddle.net/xxac8/

【问题讨论】：

你能给我们看看你的 HTML 吗？这可能就像打错字一样简单。或者这就是@Barmar 所说的。
.val() 用于输入元素。对 DIV 使用 .text()。
看起来你已经有了答案，但我想提一下，总的来说，你还应该说出当前正在发生的事情，哪些部分不起作用，以及你想要发生的事情。这比仅仅说“这是我的代码，找出问题所在，告诉我解决方案是什么”更容易帮助您。
您好，志浩，很抱歉。我以为你不用解释就能明白我在做什么。对于未来，我会解释。 :) 看来 Kevin Bowersox 想通了！

标签： jquery calculator

【解决方案1】：

.val() 方法主要用于获取/设置表单元素的值，例如输入、选择和文本区域。设置元素内容时要使用.text()。

$(document).ready(function() {
    $('input#height-input').keyup(function() {
        var a = $('input#diameter-input').val();
        var b = $('input#height-input').val();
        var c = 0.139885;
        var d = 42;
        $('div#barrels-result').text(a * a * b * c);
        $('div#gallons-result').text(a * a * b * c * d);
    });
});

JS 小提琴： http://jsfiddle.net/xxac8/2/

【讨论】：

非常感谢！我现在知道了。我知道这与那部分有关，所以这很好:)
@Stephanie 很高兴我能帮上忙！

【解决方案2】：

使用.text() 设置DIV 的内容，而不是.val()。

$(document).ready(function() {
    $('input#height-input').keyup(function() {
        var a = $('input#diameter-input').val();
        var b = $('input#height-input').val();
        var c = 0.139885;
        var d = 42;
        $('div#barrels-result').text(a * a * b * c);
        $('div#gallons-result').text(a * a * b * c * d);
    });
});

DEMO

【讨论】：