如何获取更改后的输入框值？答案

【问题标题】：How to get the changed input box value?如何获取更改后的输入框值？
【发布时间】：2018-03-05 06:38:17
【问题描述】：

我的 jquery 如下，

$(document).on('click', '.save_button', function (e) { 
    var amount = $('.actual_pay').val();
});

这意味着当用户单击类save_button 的按钮时，脚本将执行并将var amount 的值设置为类actual_pay 的字段的值。

到目前为止没有问题并且工作正常，但是类名actual_pay的输入框是可编辑的，并且任何时候可以更改值，我必须检测输入框的更改值，为此我试过了

var amount = $('.actual_pay').val().change();

但它显示错误：

.change 不是函数。

如何检测actual_pay类发生的变化并将变化的值存储到数量变量中？

【问题讨论】：

【解决方案1】：

您可以附加一个input 事件监听器。

var amount;
$('.actual_pay').on("input", function(){
  console.log("Something is changed in actual_pay");
  amount = $(this).val(); // save val
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="actual_pay">

调用输入事件的动作是

【讨论】：

【解决方案2】：

$('.actual_pay').val().change(); 不起作用，因为这是错误的方法。您可以通过以下方法进行

$('.actual_pay').on('input',function(){
 alert('Something Modified');
});

【讨论】：

【解决方案3】：

你可以通过这个函数获取那个输入框的值：

$( "input.actual_pay" ).keyup(function() {

        var amount = $(this).val();
    });

如果您要手动更改该输入，您将使用“keyup”，否则您应该使用

$( "input.actual_pay" ).change(function() {

        var amount = $(this).val();
    });

【讨论】：