Description
JavaScript action hook that is triggered when any pricing field is modified.
Note: This event was replaced by the gform-products-product_field_changed event in Gravity Forms 2.9.1.
Usage
document.addEventListener('gform_price_change', function(event) {
var productIds = event.detail.productIds;
var htmlInput = event.detail.htmlInput;
// Do something with productIds and htmlInput
console.log(productIds);
});
Parameters
- event Event Object
Default JS event object. - productIds object
The form id and the id of the product field. - htmlInput string
The HTML input field.
Example
Detecting Product Price Change
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('gform_price_change', function(event) {
var productIds = event.detail.productIds;
var htmlInput = event.detail.htmlInput;
console.log('Price changed for product field IDs:', productIds);
// Example: Check if the price change is for Product Field ID 1
if (productIds.indexOf(1) !== -1) {
alert('The price for Product 1 has been updated!');
}
});
});
Placement
Your code snippet can be placed in an HTML field on your form or in a theme custom JavaScript file.
See also the JavaScript/jQuery section in this article: Where Do I Put This Code?
Since
This filter was added in Gravity Forms version 1.7.
Source Code
This filter is located in gformInitPriceFields() in js/gravityforms.js.