从文本框中检索信息

时间:2014-06-19 23:52:48

标签: javascript

我已经能够在一个程序上取得一些进展,但遇到了一个我无法理解的问题。在脚本中,当文本框失去焦点时,应该更新总成本。此时它从html代码中检索数字,但它没有检索输入的数字。

function productCosts()
{
    var totalMap = document.getElementById('qty1');
    var quantity1 = parseFloat($("qty1").value);
    var price1 = parseFloat($('price1').value);
    var totalMapBlur = function()
    {
        var totalMapCost = $('cost1');
        totalMapCost = (quantity1) * (price1);
        alert(price1);
        alert(quantity1);
        alert(totalMapCost);
    }
    qty1.onblur = (totalMapBlur);

}

我创建了一个小提琴,以便您可以看到所有代码。 http://jsfiddle.net/KRFjd/1/

非常感谢任何帮助。

P.S。如果您觉得我的问题写得不够好,请告诉我如何改进,不要只是负面地回顾这个问题。我正在努力。

1 个答案:

答案 0 :(得分:1)

问题是,您在首次加载文档时调用quantity1时只设置productCosts()。当用户编辑输入字段时,您不会更新它。如果您希望更新Cost列,则必须指定其value

var totalMapBlur = function()
{
    var quantity1 = $('qty1').value;
    var totalMapCost = (quantity1) * (price1);
    alert(price1);
    alert(quantity1);
    alert(totalMapCost);
    $('cost1').value = totalMapCost;
}

FIDDLE