在文本框更改时动态显示值 - Dynamically show values on text box change

Dynamically show values on text box change

本文关键字：动态显示文本 | 更新日期: 2023-09-27

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

如果项目"A"=25美元，如果客户在文本框变为5时订购了5个"A"项目，则标签或文本框应显示125美元。我该如何使用javascript和php或者仅仅使用javascript来完成它。

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

总额应显示在中

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

如果有人能给我一个提示，我将不胜感激。提前谢谢。

我在想这样的

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);
});

演示http://jsfiddle.net/6KeFU/

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

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

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