Populate State/Province Drop Down for GF Address Enhanced
Experimental Snippet 🧪
Add support for automatically selecting the state/province when using the Gravity Forms Address Enhanced plugin. GF Address Enhanced does not preserve the populated value in the input when the field is converted into a select after the country is automatically populated by GPAA.
Instructions
- Install our free Custom JavaScript for Gravity Forms plugin.
Download the plugin here: https://gravitywiz.com/gravity-forms-code-chest/
- Copy and paste the snippet into the editor of the Custom Javascript for Gravity Forms plugin.
Code
Filename: gpaa-gf-address-enhanced.js
/**
* Gravity Perks // GP Address Autocomplete // Populate State/Province Drop Down for GF Address Enhanced
* https://gravitywiz.com/documentation/gravity-forms-address-autocomplete
*
* Experimental Snippet 🧪
*
* Add support for automatically selecting the state/province when using the Gravity Forms Address Enhanced plugin.
* GF Address Enhanced does not preserve the populated value in the input when the field is converted
* into a select after the country is automatically populated by GPAA.
*
* Instructions:
* 1. Install our free Custom JavaScript for Gravity Forms plugin.
* Download the plugin here: https://gravitywiz.com/gravity-forms-code-chest/
* 2. Copy and paste the snippet into the editor of the Custom Javascript for Gravity Forms plugin.
*/
gform.addAction('gpaa_fields_filled', function (place, instance, formId, fieldId) {
place.address_components.forEach( function( component ) {
if ( component.types.indexOf( 'administrative_area_level_1' ) !== -1 ) {
// Update "1" to the field ID in which you would GPAA and GF Address Enhanced enabled
$( '#input_GFFORMID_1_4 option[value="' + component.short_name + '"]' ).attr('selected', 'selected');
}
} );
} );