如果通过 jquery 更改，如何检测输入字段值更改事件？

Question

使用 jQuery 希望在文本输入字段中的值更改时更新隐藏的文本字段。

如果我手动输入并单击选项卡，这将有效。但是，当我单击其中一个通过 JQuery 更改文本输入值的按钮时，它没有激活事件。

$( document ).ready(function() {
    $( "body" ).on( "click", "button[data-type='PPA']", function( event ) {
        event.preventDefault();
        $("input#DonationAmount").val($(this).val());
    });
    $( "body" ).on( "change", "#DonationAmount", function( event ) {
        event.preventDefault();
        $("input[name='amount']").val($(this).val());
    });
});

触发上述操作的HTML

<button data-type="PPA" type="button" value="10"></button>
<button data-type="PPA" type="button" value="20"></button>
<button data-type="PPA" type="button" value="50"></button>
<button data-type="PPA" type="button" value="100">0</button>
<input type="text" id="DonationAmount" value="25"/>

我正在尝试更新的HTML

<input type="hidden" name="amount" value="25">

Answer 1

只需使用：$("input#DonationAmount").trigger('change'); 即可。

如果通过 jquery 更改，如何检测输入字段值更改事件？

How do I detect an inputfield value change event if changed via jquery?

jquery

jquery-events