Question

我的朋友正在卖咖啡豆＆amp;想拥有一个基本的计算器，以便客户知道他们需要购买多少豆。他想要一个包含两个字段的表单：

制作 _ _ [g / oz]咖啡

磨豆 _ _ [g / oz / lbs]豆

COFFEE_OUT = 15xBEANS_IN但这里也有一些单位转换。他希望每个字段都反映其他字段的变化，没有SUBMIT按钮。最简单的方法是什么？ HTML看起来像这样，对吧？

<form action="">
    I want to make 
    <input type="text" name="COFFEE_OUT"> 
    <select>
        <option value="g">g</option>
        <option value="oz">oz</option>
    </select>
    of coffee --- I'll need to grind
    <input type="text" name="BEANS_IN"> 
    <select>
        <option value="g">g</option>
        <option value="oz">oz</option>
        <option value="lb">lb</option>
    </select>
    beans
</form>

但是javascript应该是什么样的？

你能想到这样的例子吗？我看到的大多数教程计算器和单元转换器都要复杂得多，这是一个基本但非常具体的用途。我记不起在任何地方看到的东西都很像。

Answer 1

Working fiddle

$('input').on("keyup",function () {
    $("#result").val(parseInt($("#amount").val(), 10)*  15);
});

简单的javascript单位转换器＆amp;计算器

1 个答案: