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">$10</button>
<button data-type="PPA" type="button" value="20">$20</button>
<button data-type="PPA" type="button" value="50">$50</button>
<button data-type="PPA" type="button" value="100">$100</button>
<input type="text" id="DonationAmount" value="25"/>

我想要更新的HTML

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

Answer 1

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

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

1 个答案: