如何通過jquery更改輸入域值更改事件？

使用jQuery在文本輸入字段中的值發生更改時要更新隱藏文本字段。如何通過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()); 
    }); 
});

將觸發上述

<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行動的HTML，我嘗試更新

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

來源

2015-12-02 Joseph U.

[檢測輸入類型文本的編程式更改]可能的重複（http://stackoverflow.com/questions/16013024/detect-programmatic-changes-on-input-type-text） –

只需使用：$("input#DonationAmount").trigger('change');和應該這樣做。

來源

2015-12-02 23:25:02 divix

手動觸發事件做了訣竅。謝謝。 –

如何通過jquery更改輸入域值更改事件？

回答

相關問題