当给另一个输入文本另一个值时,自动在输入文本中插入值

达拉族

在形式上,我想在rate的值(另一个文本输入)时插入amount的值(文本输入)。将插入数量的值是比率和数量的乘积。数量值取自数据库。在这里,rate的值将由用户插入。插入金额后,该值无法更改。我怎样才能做到这一点?

我试过下面的代码,但结果每次都显示为零:

看法

<div class="form-group">
  <label for="exampleInputPassword1">Rate</label>
  <input type="text" class="form-control" name="rate" placeholder="Rate" required>
</div>
<div class="form-group">
  <label>Quantity</label>
  <input type="text" class="form-control" name="quantity" placeholder="quantity" value="<?php echo $object['sheet'];  ?> " required readonly>
</div>
<div class="form-group">
  <label for="exampleInputPassword2">Amount</label>
  <?php
  $sheet = $object['sheet'];
  $rate = $this->input->post('rate');
  $amount = $sheet*$rate;
  echo $amount;
  }
  ?>
  <input type="text" class="form-control" name="amount" value="<?php echo $amount;?>" placeholder="Amount" required>
</div>
马丁

您可以使用jQuery来做到这一点:

$(document).ready(function() {
$('input[name="rate"]').on('change',function() {
   var amount = $(this).val()*$('input[name="quantity"]').val();
   $('input[name="amount"]').val(amount);
})
});

不要忘了包括jQuery api。另外,不要忘记在提交表单后验证金额,因为用户可以轻松地操纵输入的值。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

从angularjs中的另一个模型设置输入文本框值

将在文本字段中输入的值转移到另一个angularJs

根据 Angular 中的另一个文本字段更改输入值

javascript从html输入获取文本,并用作另一个html输入的值

将输入文本的值传递给具有另一个页面jQuery的另一个输入文本

在React中单击另一个输入框时如何更改输入值

当值被另一个事件修改时,如何检测输入文本值的变化

如何从另一个输入动态更新文本值

当用户选择一个选项时,打开另一个输入文本

当文本输入到另一个输入字段时清除输入字段

抓取输入值并将其显示为另一个文本框中的值

当输入中的值已更改 jQuery 时更改另一个值字段

合并来自文本框的输入以自动填充另一个文本框

输入到输入字段的文本被复制到另一个输入字段的值的状态 - 为什么?

PostgreSQL根据在另一个表中输入的值自动填写字段

如何在另一个表中插入带有值的文本

如何自动从另一个工作表中多次插入一个值?

用户表单输入一个值,被转换并自动进入另一个表单输入作为值

将用户输入文本框中的值分配给另一个表单

如何将值从输入文本框传递到Laravel中的另一个页面

在另一个相关表中的一个表中输入列值

在另一个选项中显示输入字段值 更改输入值时选择选项值

在另一个函数中使用输入的值

如何将多个输入框的值传递给另一个输入或文本区域

JavaScript:如何根据另一个的插入值计算和更新输入字段值

如何根据 Flutter 中另一个文本字段的值自动设置文本字段的值?

在另一个文本框中输入数据时文本框完成

jquery 将文本从选择选项复制到另一个自动输入

为什么更改一个输入中的值也会更改另一个输入中的值?