-2

我的朋友在卖咖啡豆,想要一个基本的计算器,这样顾客就知道他们需要买多少咖啡豆。他想要一个包含两个字段的表单:

制作_ _ [g/oz] 咖啡

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

COFFEE_OUT=15xBEANS_IN 但这里也有一些单位转换。他希望每个字段都反映其他字段的变化,而不需要提交按钮。最简单的方法是什么?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应该是什么样子的?

你能想到这样的例子吗?甚至我看到的大多数教程计算器和单位转换器都要复杂得多,这是一个基本但非常具体的用途,我不记得在任何地方看到过与它完全相同的东西。

4

1 回答 1

3

工作小提琴

$('input').on("keyup",function () {
    $("#result").val(parseInt($("#amount").val(), 10)*  15);
});
于 2013-07-30T18:30:21.490 回答