动态显示文本框更改的值

Question

我想在文本框更改时显示一些值。例如

如果项目“A”= 25美元，并且当文本框更改为5时，客户订单5的“A”项目标签或文本框应显示$ 125。我如何使用javascript和php或只使用javascript。

<input type='text' id='item' value=""/>

总计应显示在

中

<input type='text' id='tot' value=""/>

如果有人能给我一个如何做到这一点的提示，我将非常感激。提前谢谢。

Answer 1

我在考虑这样的事情

HTML

<input type='text' id='item' value="" data-price="25" />
<span></span>

JS

$("#item").keyup(function()
{
    var value = $(this).val() * $(this).data("price");
    $("span").text("$" + value);
});

DEMO http://jsfiddle.net/6KeFU/

我正在使用data来存储与商品相关的价格

Answer 2

使用jQuery可以像这样完成，假设在项目输入字段中输入了订单值，并且每个项目25美元是硬编码的。

$("#item").on('change',function(){
  $("#tot").val($(this).val() * 25);
})