gw-prevent-duplicate-selections.php: Added support for AJAX-refreshed fields (GPPA) and multi-page forms.

Author: claygriffiths

gravity-forms/gw-prevent-duplicate-selections.php

@@ -30,6 +30,7 @@ public function __construct() {
 
 	public function init() {
 		add_filter( 'gform_pre_render', array( $this, 'load_form_script' ), 10, 2 );
+		add_action( 'gform_register_init_scripts', array( $this, 'add_init_script' ), 10, 2 );
 	}
 
 	public function load_form_script( $form, $is_ajax_enabled ) {
@@ -42,25 +43,41 @@ public function load_form_script( $form, $is_ajax_enabled ) {
 		return $form;
 	}
 
+	public function add_init_script( $form ) {
+		if ( ! $this->is_applicable_form( $form ) ) {
+			return;
+		}
+
+		$args = array();
+
+		$script = 'new ' . __CLASS__ . '( ' . json_encode( $args ) . ' );';
+		$slug   = implode( '_', array( strtolower( __CLASS__ ) ) );
+
+		GFFormDisplay::add_init_script( $form['id'], $slug, GFFormDisplay::ON_PAGE_RENDER, $script );
+	}
+
 	public function output_script() {
 		?>
 
-		<script type="text/javascript" defer>
+		<script type="text/javascript">
+			window.<?php echo __CLASS__; ?> = function() {
+				var $ = jQuery;
 
-			jQuery( function( $ ) {
 				window.gform.addFilter( 'gplc_excluded_input_selectors', function( selectors ) {
 					selectors.push( '.gw-disable-duplicates-disabled' );
 					return selectors;
 				});
 
-				$inputs = $( '.gw-prevent-duplicates' ).find( 'input, select' );
-
-				$inputs.change( function( event, selected ) {
-					gwDisableDuplicates( $( this ), $inputs, selected );
+				// Bind events, use .on with delegation and always get fresh selectors for AJAX-refreshed fields
+				$( '.gw-prevent-duplicates' ).on( 'change', 'input, select', function( event, selected ) {
+					gwDisableDuplicates( $( this ), $( '.gw-prevent-duplicates' ).find( 'input, select' ), selected );
 				} );
 
+				// Handle on-load
+				$inputs = $( '.gw-prevent-duplicates' ).find( 'input, select' );
+
 				$inputs.each( function( event ) {
-					gwDisableDuplicates( $( this ), $inputs );
+					gwDisableDuplicates( $( this ), $inputs.not('.gw-disable-duplicates-disabled') );
 				} );
 
 				/**
@@ -96,7 +113,7 @@ function getChangedOptionElFromSelect( $select, selected ) {
 
 					/**
 					 * Handle multi select fields with GP Advanced Select enabled.
-					*/
+					 */
 					if ($select.siblings('.ts-wrapper').length) {
 						const val = $select.val();
 
@@ -136,7 +153,7 @@ function getChangedOptionElFromSelect( $select, selected ) {
 				 * @param {array} arr2
 				 *
 				 * @returns {string}
-				*/
+				 */
 				function getArrayDiff( arr1, arr2 ) {
 					return arr1.filter( x => ! arr2.includes( x ) )[ 0 ];
 				}
@@ -146,7 +163,6 @@ function findOptionByValue( $select, value ) {
 				}
 
 				function gwDisableDuplicates( $elem, $group, selected ) {
-
 					// Some elements have a parent element (e.g. a <select>) that contains the actual elements (e.g. <option>) we want enable/disable.
 					let $parent = $elem;
 
@@ -203,7 +219,7 @@ function gwDisableDuplicates( $elem, $group, selected ) {
 					}
 
 				}
-			} );
+			};
 		</script>
 
 		<?php